.rel {
    position: relative;
}

.abs {
    position: absolute;
}

.fixed {
    position: fixed;
}

.flex {
    display: flex;
    display: -webkit-box;
    /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box;
    /* Firefox 17- */
    display: -webkit-flex;
    /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex;
    /* Firefox 18+ */
    display: -ms-flexbox;
    /* IE 10 */
}

.flex-wrap {
    flex-flow: wrap;
}

.flex-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.inline-block {
    display: inline-block;
}

.block {
    display: block;
}

.hide {
    display: none;
}

.bold {
    font-weight: 700;
}

.txt-center {
    text-align: center;
}

.txt-left {
    text-align: left;
}

.txt-right {
    text-align: right;
}

.before {
    opacity: 0;
    visibility: hidden;
}

.after {
    opacity: 1;
    visibility: visible;
}

.font {
    font-family: Arial;
}

.txt {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.upper {
    text-transform: uppercase;
}

.middle {
    vertical-align: middle;
}

.background {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}

@font-face {
    font-family: "icon";
    src: url('iconfont.eot?t=1561461869476');
    /* IE9 */
    src: url('iconfont.eot?t=1561461869476#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAArkAAsAAAAAFLQAAAqUAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCGUAqWRJIhATYCJANoCzYABCAFhG0HgjkbkBEjETaMsgpE9hcJvCnWlcAUV5HAPJKSVpTBthejkNVyd+aFgzVBQHlVdXdGSWZm6dweJLzEJ6AX5F4/D8z846b9JFCsLVCsUGpq0/xkXupK52Fz2DwyNUHO4US0d+8KIABhE8bQVyxu1u0hTNU7pjz7y29dSjquQCANN37+fl/aBZLXZhpkRu3dF3l+nOk7mUUjOBhVW2mLq0G8IL5gvgbDmTlefIOYEzFpb4cAYOJHWUTT5m274ocH1QWajB01YhB+RwK8EF+B0OzGOdVQYiMehHKVvANs0P68KKCy8AMkfAW9U8fhzYbSUJN3VS10KfqqpSzOjwHvpwEUgLKAAZAx3HwRAjO0spoh5rU2+AQoSQb5uEKttK0jtFb76lidrDN0ri7SPfVxfUPf0v9yeuW8zb2fd9V1oYkV1zt2D6c3g6flggjKs7gVY1e2rfrfeBBDBLGE8SIeEwUh1AQRwoeHGwJQJLgjR6AlgQAYQHhBYxsAou5LRSJopFDEgBahiAAtQxELWiHhP7CBRAEigMQDEoCYgEQg0YBUICFAOSBxgCpAgoCaQPyAekA8gMZADEAPIF5ATyA+wHEgEnADiAW4BZ26wj+EIhJyeiFCgzdAEgFvEYoEyL3PCLCqRACrzz7plKpAJVD1wNgA9bgDE6DEEKxtkRmoR7ZEWNzwaMRKSooLBMolx5lmWjBomdEZIipKWYYRb9spcfGMky+TbMcHApGmmSLsyKjIIZglLcnaHrQ0qd+3jr0GaStO20jKFss+C6BvQ8YRLxGw1m7uOs7YIGMlKGsM9zyQuYXT9jixgLPNpZQRtFlN4ORqUaxJ08pZVM1Mp+Wo6Yj5EHWY2Cfwtlr9djthQvAkqxWnbBCnVYxFQ6r235dYwjmNzQYtD8Oh+6qcmnjp6KLF5gthYawSJzm1HXE4yEA+kY+WrW8VOI4VK/fdE2ckcnMpawtdhC55s5DGJQYPbOXOxl2xKs9t8dn5BrdalaKmitnO5iAd9rQma0rDkac2jetDb4/8Lvl37Ti+74jpaPjBw9ShEJJmWY5jGFrZaOE0GoddSdMUo3LYlAwjmXbBqlTSm0BRVg3Hcm3w9C7nadR+CXPQB3HYCaTXrG7pjW2YzcqmZoamG82gPkIHqRTW050Q7/y2rVLgCetSZ8zuzVnPrK0rzYEM1VFNaqPuUrt90J2tIpN4WN7YYCvX0wHKphbWnKtqbqK7O1fT2sz0QKnaSCnxZMIASTXJU0Uyc8sVXbbRCZDkFIK5bx3Dww9GumMyTJ5HRDyrqAdHXUyOeIttHBh+qqANc+7bV5TWUg2bAzCYNz8ZkkiigBc2M3NVByMhs3nToX0H1MQWH7X1E8L+Pun4FNreNTRILDXDaFGZZbtttTg5O1CzZfx1opmaucGIH5D5/yO661n3Yjgkbjoa+gM1+18t0NhubgNmYs20EnU3j9uLPaYwjIVDptdznImdLpFbAEKJZWYEMQ0SrFmJN0QnGx2/c9BpEP1Jka4huWD+V/pPe7xlFDgC7JA6spD9PVIQfMMP9OCXF1TWeU3KV/eUtaEBZd8WvAuK/5sMJnSpPpGW/F307/Vh+GEg8dX7AngVSqHT6XKWqupTiZWKRfrRIhEEv4QpWyNaIr+I+NJFFig/e6QxYuSHXrRjNztbjGG6vmdrVyJb0RensaVlpXOKE/1nRo4UixKHsj7ZH66XA0NK4IQdjW2IrnJkWmKguKhFp67ZntvR5/aTTPcHk1xQSMaoS6KWL52xCDNe27kanY9cWejdvBg7waH9AWsC3l04HPXx60RewtIorRHduQxtYhxeZESH0V3L0cakbEMe71WxvsRTOaQfPAZeJetTzG8E7CuGk4p8T92cE4iLvDuD46bp6sKXrA1PqfGoD1DMe2Ho4Q8JfpiWVBdaR0JFek4vSk9Hq8i/gW7u5fdhzASkEqlmevsEel2r0n8+iRx7Uxg4rI8OSlvexQu5XXg2ZFtR/4HgK0VEZZNrXvzYx1V+c4dN9FSAov3ztcy6D1QfrKsWuxPloucSudZYzD9TuOeNuzRZunv9HvuAT0xBwozUqEh9vuctbTAIWTNnXY0nADsIYbNfCJRD+fHNsqsAytVyFSG9ChYQwqsyQqaSqaH8qhz6h5TKS4VSCHbm36RjgfnwWN0+QZDgp1+kQIa4gYwCHiFvMS3WL0iq2IG9eY3teME3r158sNdvDi1PnH/TZGrx2vneKuzKZXQVOIWSBPSyVXr1MnCWHhy1dIjH1x7I+yViFogEK3RBuk1CgZtgkzZJu1nlzITNWg8Tijf511wJJlcIoItWOKEUfzZ3RLlV6TMcJL7+2W/bD/fERWJcCq+Wyuba1a7iIpBaMDMqfSOO3fh37BLvBm9sjDz++ti/lzF8Y/qeesNmfbJ+876hhugvC7zLaoE5o6s707xVDOjqMmduvXR3V4YZ1IJSTcGCM2Ds0Jo1owapZsXqNazWcg3QjK4xaq1QA41xDW07qpGql4PD0wQV2Ula8qxEWupyulylpobX9FCQKjMQ9aC/f3N7R/IBdrP+6J+8cMsCo8KyZgnjZly5bp15lE8vWWtRGL/79hDmcmFy1MMu5yHeYZ7T+U4POV1gW5H0Y7XhxOgIshg5zWAD0sKOQ34zu9LuZ/pKXTuD0Hbakkp6lYQwm3Ps8TiZQq3DS9aPYXWbqS50AGUopA4x4OEDiObvZhinrv21Lvw+hj5HMxMzj0Y00jbawvfmoPamzRvYaN6NvSvaqPITr8VGNgTuxrwVg/rueif2Dojb56x1HBzlSJ40OX3yQrELJ0/ecbZk3WZpi9vOCoX1522H3aayrC3OnXPBtqfTmLkzlt+qrItlF7NWOrf512GB614FUAcUAPek2nqhqAUqTfxyBr82wLJ/9anMBZAn5S1txUDZMC3FTo7cAu43ZVGBMH/XkvRG8jLJ6Cpn5e0qM61XFaOknntdXVSNyC4H5Cz3rzs/pUqTflGlxbG7RpGeJ/Zj9Sfp1TKXy4EPN7uBmlMSgwPCdb/5Jc9ARS9rZo8jPfPN9INelgA8uKDRJsTmv/In08Qk42eQ0qTbxFnQ/3/5QqnBSSzFXyoBmGwG4OElO4p3dTPFxhYf5Uwqi0gE+BKFkBBbwzGGeJCQQrwIyScm0bQ420LBZBSIEQBQmmUCQZBxhKB4cpNgyLhry3N8S/ioKSJuyIQiYtb9e77kmpftq1cCyVCK4imcwkaLybzSm36B6StJdlkL+AMKrkhkcequ+oQGKI8jws3kzFpowlp8CHeDqkLREl5BcWyZ20uSaN4TYoX1YMUrAiQGSkLhqcR0FNTQa7OV5/d/AUavIlFIn78x/wASuHQhe+LsM4btp9HE6rMurYMbI8eEaULqTFBN+CAMVKwcCS1/pyugsJhNUdq6SMhYOq4Rl2+ql4bB5OuX/phJUSEVVdMN07Id1/PLe1VUVlXX9K6t62MyEmsYdd1cNqaCvt2qPjDW0R2UlTxV812BK74aiRma1+ZO5IzlnVMETPhXfZrLkdmsw0krcRZAkrILh9a8bVBMVYUB1pmYsgwrSrw384gJ2SzCzGyTvynjJ+azysA8a6GIgqbrF9FW9O06p95p0/LBAAAAAA==') format('woff2'), url('iconfont.woff?t=1561461869476') format('woff'), url('iconfont.ttf?t=1561461869476') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */ url('iconfont.svg?t=1561461869476#iconfont') format('svg');
    /* iOS 4.1- */
}

.hidden-xs {
    display: block;
}

.hidden-pc {
    display: none;
}

.box-container {
    width: 1200px;
    margin: 0 auto;
}

.w1365 {
    width: 1365px;
    margin: 0 auto;
}

.w1200 {
    width: 1200px;
    margin: 0 auto;
}

.box-container-fluid {
    width: 100%;
    margin: 0 auto;
}

.medium-box-container {
    width: 80%;
    margin: 0 auto;
}

body {
    font-size: 16px;
    overflow-x: hidden;
}

.rl {
    writing-mode: tb-rl;
    writing-mode: vertical-lr;
}

@font-face {
    font-family: "mb";
    src: url('/assets/fonts/renzheng/MontserratBold.ttf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "ml";
    src: url('/assets/fonts/renzheng/Montserrat-Light.otf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "dcb";
    src: url('/assets/fonts/renzheng/DINCOND-BOLD.OTF');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "light_cn";
    src: url('/assets/fonts/renzheng/ALIBABA-PUHUITI-LIGHT.OTF');
    font-weight: normal;
    font-style: normal;
}

.pic {
    font-size: 0;
    overflow: hidden;
}

.pic img {
    display: block;
    width: 100%;
    transition: transform 0.8s ease;
    -webkit-transition: transform 0.8s ease;
    -moz-transition: transform 0.8s ease;
    -ms-transition: transform 0.8s ease;
    -o-transition: transform 0.8s ease;
}

.phone-nav,
.fixed-right-box {
    display: none;
}

.links {
    font-size: 0;
}

.links.phone {
    display: none;
}

.links a {
    position: relative;
    padding-right: 14px;
    margin-right: 14px;
    display: inline-block;
    color: #a7a7a7;
    vertical-align: top;
    transition: color 0.3s ease;
    -webkit-transition: color 0.3s ease;
    -moz-transition: color 0.3s ease;
    -ms-transition: color 0.3s ease;
    -o-transition: color 0.3s ease;
    line-height: 24px;
}

.links a:hover {
    color: #3d509f;
}

.links a:after {
    content: "";
    display: inline-block;
    position: absolute;
    right: 0;
    top: 50%;
    z-index: 1;
    width: 2px;
    height: 15px;
    background: #a7a7a7;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

.links a:last-child {
    margin-right: 0;
    padding-right: 0;
}

.links a:last-child:after {
    display: none;
}

.header-wrapper {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 30;
    background-color: #fff;
}

.header-wrapper .box-container {
    display: flex;
    display: -webkit-box;
    /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box;
    /* Firefox 17- */
    display: -webkit-flex;
    /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex;
    /* Firefox 18+ */
    display: -ms-flexbox;
    /* IE 10 */
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.header-wrapper > .box-container {
    height: 80px;
    align-items: center;
}

.header-wrapper .other-box {
    display: flex;
    display: -webkit-box;
    /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box;
    /* Firefox 17- */
    display: -webkit-flex;
    /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex;
    /* Firefox 18+ */
    display: -ms-flexbox;
    /* IE 10 */
    align-items: center;
}

.header-wrapper .search {
    position: relative;
    width: 280px;
    background-color: #ffffff;
    border-radius: 17px;
    border: solid 1px #3d509f;
    border-right: none;
    /* input placeholder  */
}

.header-wrapper .search .text {
    font-size: 12px;
    color: #666;
    width: 100%;
    height: 34px;
    line-height: 34px;
    padding: 0 60px 0 20px;
    border-radius: 17px;
}

.header-wrapper .search ::-webkit-input-placeholder {
    /* WebKit browsers */
    color: #999;
    font-size: 12px;
}

.header-wrapper .search :-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #999;
    font-size: 12px;
}

.header-wrapper .search ::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #999;
    font-size: 12px;
}

.header-wrapper .search :-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #999;
    font-size: 12px;
}

.header-wrapper .search .btn {
    position: absolute;
    right: -1px;
    top: 0;
    z-index: 1;
    width: 44px;
    height: 100%;
    background-image: linear-gradient(-34deg, #3d509f 0%, #3d509f 100%), linear-gradient(#3d509f, #3d509f);
    background-blend-mode: normal,
    normal;
    border-radius: 16px 16px 16px 16px;
}

.header-wrapper .search .btn:after {
    content: "";
    width: 100%;
    height: 100%;
    background-image: url(https://zhongkejianche.oss-cn-guangzhou.aliyuncs.com//uploads/20230203/fb5ecdbf82eca24d2c9b3cdc03ac885c.png);
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
}

.header-wrapper .tel {
    font-size: 14px;
    color: #aaa;
    margin-left: 60px;
}

.header-wrapper .tel a {
    display: inline-block;
    font-size: 30px;
    color: #5267c0;
    font-family: "dcb";
    vertical-align: middle;
}

.header-wrapper .tel img {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    top: -1px;
    margin: 0 6px 0 12px;
}

.pc-nav-box {
    background-color: #f5f5f5;
}

.pc-nav-box ul {
    display: flex;
    display: -webkit-box;
    /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box;
    /* Firefox 17- */
    display: -webkit-flex;
    /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex;
    /* Firefox 18+ */
    display: -ms-flexbox;
    /* IE 10 */
}

.pc-nav-box li {
    position: relative;
    width: 172px;
    text-align: center;
    transition: background 0.3s ease;
    -webkit-transition: background 0.3s ease;
    -moz-transition: background 0.3s ease;
    -ms-transition: background 0.3s ease;
    -o-transition: background 0.3s ease;
}

.pc-nav-box li:hover,
.pc-nav-box li.on {
    background-color: #fff;
}

.pc-nav-box li:hover > a,
.pc-nav-box li.on > a {
    color: #004ba5;
}

.pc-nav-box li:nth-child(3) {
    padding-left: 0;
}

.pc-nav-box li > a {
    font-weight: 700;
    line-height: 60px;
}

.pc-nav-box li a {
    display: block;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.pc-nav-box .cat {
    padding-left: 29px;
}

.pc-nav-box .cat:hover i,
.pc-nav-box .cat.on i {
    background-image: url(https://zhongkejianche.oss-cn-guangzhou.aliyuncs.com//uploads/20230203/572e70a7ae7555626f0212e03111cf24.png);
}

.pc-nav-box .cat i {
    display: inline-block;
    width: 14px;
    height: 9px;
    position: relative;
    top: -1px;
    background-image: url(https://zhongkejianche.oss-cn-guangzhou.aliyuncs.com//uploads/20230203/7f1d845102df519e626699cc02c570a0.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    margin-left: 15px;
    transition: background 0.3s ease;
    -webkit-transition: background 0.3s ease;
    -moz-transition: background 0.3s ease;
    -ms-transition: background 0.3s ease;
    -o-transition: background 0.3s ease;
}

.pc-nav-box .hide-box {
    left: 0;
    z-index: 10;
    width: 100%;
    box-shadow: 0 2px 30px rgba(0, 0, 0, 0.1);
    border-top: 2px solid #3d509f;
}

.pc-nav-box .more {
    top: 140px;
    position: fixed;
    background-color: #fff;
    text-align: left;
    display: none;
    overflow: hidden;
}

.pc-nav-box .more .box-container {
    position: relative;
    height: 560px;
}

.pc-nav-box .more .box-container:before {
    content: "";
    display: block;
    width: 240px;
    height: 100%;
    background-color: #3d509f;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
}

.pc-nav-box .more .first,
.pc-nav-box .more .second {
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0 30px;
    line-height: 69px;
}

.pc-nav-box .more .first:after,
.pc-nav-box .more .second:after {
    content: "";
    width: 7px;
    height: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    top: 0;
    right: 28px;
    z-index: 1;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.pc-nav-box .more .first {
    color: #fff;
    font-size: 16px;
    border-bottom: 1px solid #3d509f;
}

.pc-nav-box .more .first:hover:after {
    opacity: 1;
    transform: translateX(8px);
    -webkit-transform: translateX(8px);
    -moz-transform: translateX(8px);
    -ms-transform: translateX(8px);
    -o-transform: translateX(8px);
}

.pc-nav-box .more .first:after {
    background-image: url(https://zhongkejianche.oss-cn-guangzhou.aliyuncs.com//uploads/20230203/8dfa24147d211228ac4a187917fb2cdd.png);
    opacity: 0.7;
}

.pc-nav-box .more .second {
    position: relative;
    font-weight: 700;
    width: 240px;
    border-bottom: 1px solid #ddd;
}

.pc-nav-box .more .second:after {
    background-image: url(https://zhongkejianche.oss-cn-guangzhou.aliyuncs.com//uploads/20230203/863ab989dd26d6d791872af0945a8c01.png);
}

.pc-nav-box .more .second:hover:after {
    transform: translateX(8px);
    -webkit-transform: translateX(8px);
    -moz-transform: translateX(8px);
    -ms-transform: translateX(8px);
    -o-transform: translateX(8px);
}

.pc-nav-box .box {
    width: 240px;
    position: relative;
}

.pc-nav-box .first-box:hover .first,
.pc-nav-box .first-box.on .first {
    background-color: #5267c0;
}

.pc-nav-box .first-box:hover .first:after,
.pc-nav-box .first-box.on .first:after {
    opacity: 1;
}

.pc-nav-box .second-box {
    position: absolute;
    left: 100%;
    top: 0;
    z-index: 1;
    width: 960px;
    height: 100%;
    background-color: #fff;
    display: none;
}

.pc-nav-box .second-box:after {
    content: "";
    position: absolute;
    left: 270px;
    top: 0;
    z-index: 1;
    width: 1px;
    height: 100%;
    background-color: #ddd;
}

.pc-nav-box .second-item:last-child .second:before {
    display: none;
}

.pc-nav-box .second-item:hover .second,
.pc-nav-box .second-item.on .second {
    color: #3d509f;
}

.pc-nav-box .second-item:hover .second:after,
.pc-nav-box .second-item.on .second:after {
    background-image: url(https://zhongkejianche.oss-cn-guangzhou.aliyuncs.com//uploads/20230203/b149c6756f3b8f2b4cb6af77ed05ede8.png);
}

.pc-nav-box .third-box {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
    width: 690px;
    padding-left: 33px;
    padding-top: 42px;
    background-color: #fff;
    display: none;
    height: 560px;
    max-height: 560px;
    overflow-y: auto;
    padding-right: 5px;
}

.pc-nav-box .third-box::-webkit-scrollbar {
    width: 4px;
    background-color: #bcc5eb;
}

.pc-nav-box .third-box::-webkit-scrollbar-thumb {
    background-color: #3d509f;
}

.pc-nav-box .children {
    display: flex;
    display: -webkit-box;
    /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box;
    /* Firefox 17- */
    display: -webkit-flex;
    /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex;
    /* Firefox 18+ */
    display: -ms-flexbox;
    /* IE 10 */
    flex-flow: wrap;
}

.pc-nav-box .children a {
    position: relative;
    font-size: 14px;
    color: #666;
    line-height: 20px;
    width: 33.33%;
    padding-right: 15px;
    margin-top: 10px;
    padding-left: 12px;
}

.pc-nav-box .children a:nth-child(3n) {
    padding-right: 0;
}

.pc-nav-box .children a:nth-child(-n+3) {
    margin-top: 0;
}

.pc-nav-box .children a:hover {
    color: #3d509f;
}

.pc-nav-box .children a:hover:before {
    background-color: #3d509f;
}

.pc-nav-box .children a:before {
    content: "";
    width: 2px;
    height: 12px;
    background-color: #666;
    position: absolute;
    left: 0;
    top: 4px;
    z-index: 1;
}

.pc-nav-box .name {
    font-size: 16px;
    color: #3d509f;
    font-weight: 700;
    line-height: 30px;
    margin-bottom: 13px;
}

.pc-nav-box .normal {
    display: none;
    position: absolute;
    top: 100%;
    background: #fff;
}

.pc-nav-box .normal a {
    color: #828282;
    border-bottom: 1px solid #ddd;
    line-height: 38px;
    padding: 0 15px;
}

.pc-nav-box .normal a:hover {
    color: #3d509f;
    font-weight: 700;
}

.pc-nav-box .normal a:last-child {
    border-bottom: none;
}

.pc-nav-box .recommend-box {
    margin-top: 44px;
    padding-top: 50px;
    border-top: 1px solid #ddd;
    display: flex;
    display: -webkit-box;
    /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box;
    /* Firefox 17- */
    display: -webkit-flex;
    /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex;
    /* Firefox 18+ */
    display: -ms-flexbox;
    /* IE 10 */
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.pc-nav-box .recommend-box a {
    display: block;
    width: 290px;
}

.pc-nav-box .recommend-box a:hover .pic img {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
}

.pc-nav-box .recommend-box .name {
    margin-top: 16px;
    margin-bottom: 2px;
}

.pc-nav-box .recommend-box .desc {
    color: #666;
    line-height: 24px;
}

.header_h {
    height: 140px;
}

.index-banner-wrapper .index-banner-swiper .swiper-slide-active .box-container {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
}

.index-banner-wrapper .index-banner-swiper .box-container {
    opacity: 0;
    visibility: hidden;
    transform: translateY(80px);
    -webkit-transform: translateY(80px);
    -moz-transform: translateY(80px);
    -ms-transform: translateY(80px);
    -o-transform: translateY(80px);
    transition: all 1.4s ease;
    -webkit-transition: all 1.4s ease;
    -moz-transition: all 1.4s ease;
    -ms-transition: all 1.4s ease;
    -o-transition: all 1.4s ease;
    transition-delay: 0.5s;
    transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.index-banner-wrapper .swiper-slide a {
    display: block;
}

.index-banner-wrapper .swiper-slide img {
    display: block;
    width: 100%;
    transition: all 6s ease;
    -webkit-transition: all 6s ease;
    -moz-transition: all 6s ease;
    -ms-transition: all 6s ease;
    -o-transition: all 6s ease;
}

.index-banner-wrapper .swiper-slide img.phone {
    display: none;
}

.index-banner-wrapper .info {
    position: absolute;
    left: 0;
    top: 134px;
    z-index: 1;
    width: 100%;
}

.index-banner-wrapper .info .box-container div {
    width: 630px;
    color: #fff;
}

.index-banner-wrapper .en {
    font-size: 52px;
    line-height: 68px;
    font-family: "mb";
    text-transform: uppercase;
}

.index-banner-wrapper .title {
    font-size: 36px;
    line-height: 48px;
    font-weight: 700;
    margin-top: 10px;
}

.index-banner-wrapper .swiper-slide-active a > img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
}

.index-banner-wrapper .swiper-pagination {
    display: block;
    bottom: 40px;
    font-size: 0;
}

.index-banner-wrapper .swiper-pagination .swiper-pagination-bullet {
    opacity: 1;
    margin: 0 8px;
    width: 12px;
    height: 12px;
    background: #f5f5f5;
    border: none;
    transition: background 0.3s ease;
    -webkit-transition: background 0.3s ease;
    -moz-transition: background 0.3s ease;
    -ms-transition: background 0.3s ease;
    -o-transition: background 0.3s ease;
}

.index-banner-wrapper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #3d509f;
}

.footer-wrapper {
    border-top: 2px solid #3d509f;
}

.footer-wrapper .box-container {
    display: flex;
    display: -webkit-box;
    /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box;
    /* Firefox 17- */
    display: -webkit-flex;
    /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex;
    /* Firefox 18+ */
    display: -ms-flexbox;
    /* IE 10 */
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.footer-wrapper .box-1 {
    padding: 28px 0 30px;
}

.footer-wrapper .left {
    max-width: 40%;
}

.footer-wrapper .right {
    display: flex;
    display: -webkit-box;
    /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box;
    /* Firefox 17- */
    display: -webkit-flex;
    /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex;
    /* Firefox 18+ */
    display: -ms-flexbox;
    /* IE 10 */
    align-items: center;
}

.footer-wrapper .copyright,
.footer-wrapper .copyright a {
    font-size: 12px;
    color: #bcc5eb;
    font-weight: 700;
    text-transform: uppercase;
}

.footer-wrapper .copyright {
    max-width: 65%;
}

.footer-wrapper .copyright a {
    transition: color 0.3s ease;
    -webkit-transition: color 0.3s ease;
    -moz-transition: color 0.3s ease;
    -ms-transition: color 0.3s ease;
    -o-transition: color 0.3s ease;
}

.footer-wrapper .copyright a:hover {
    color: #fff;
}

.footer-wrapper .contact-box {
    display: flex;
    display: -webkit-box;
    /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box;
    /* Firefox 17- */
    display: -webkit-flex;
    /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex;
    /* Firefox 18+ */
    display: -ms-flexbox;
    /* IE 10 */
    margin-top: 10px;
}

.footer-wrapper .tel-box {
    line-height: 24px;
    padding-left: 50px;
    margin-bottom: 35px;
    margin-right: 42px;
    background: url(https://zhongkejianche.oss-cn-guangzhou.aliyuncs.com//uploads/20230203/b894cd53058c6a3eecb9c528ab29abe3.png) no-repeat left center;
}

.footer-wrapper .tel-box p {
    color: #a7a7a7;
    line-height: 20px;
}

.footer-wrapper .tel-box .tel {
    display: block;
    font-size: 24px;
    color: #a7a7a7;
    font-family: "mb";
    line-height: 24px;
    margin-top: 2px;
}

.footer-wrapper .service {
    display: inline-block;
    width: 144px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: #fff;
    background-color: #3d509f;
    border-radius: 5px;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.footer-wrapper .service:hover {
    background-color: #3d509f;
    box-shadow: 0 2px 30px rgba(0, 0, 0, 0.1);
}

.footer-wrapper .service img {
    margin-left: 16px;
    vertical-align: middle;
    position: relative;
    top: -2px;
}

.footer-wrapper .friend-link {
    width: 246px;
    text-align: left;
}

.footer-wrapper .friend-link .box {
    position: relative;
    width: 100%;
}

.footer-wrapper .friend-link .name {
    cursor: pointer;
    font-size: 14px;
    color: #fff;
    line-height: 40px;
    padding: 0 36px 0 20px;
    border: 1px solid rgba(255, 255, 255, 0.3);
    background: url(https://zhongkejianche.oss-cn-guangzhou.aliyuncs.com//uploads/20230203/cb94dec252392f68f6eb85e6b3a7bf82.png) no-repeat right 20px center;
}

.footer-wrapper .friend-link .list {
    font-size: 0;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 100%;
    z-index: 10;
    display: none;
    background: #3d509f;
    max-height: 328px;
    overflow-y: auto;
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-bottom: none;
}

.footer-wrapper .friend-link .list::-webkit-scrollbar {
    width: 4px;
    background-color: #bcc5eb;
}

.footer-wrapper .friend-link .list::-webkit-scrollbar-thumb {
    background-color: #3d509f;
}

.footer-wrapper .friend-link .list a {
    display: block;
    font-size: 14px;
    color: #fff;
    background: #3d509f;
    line-height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    padding: 0 20px;
}

.footer-wrapper .friend-link .list a:hover {
    font-weight: 700;
}

.footer-wrapper .friend-link .list a:last-child {
    border-bottom: none;
}

.footer-wrapper .share {
    font-size: 0;
    text-align: right;
}

.footer-wrapper .share a {
    display: inline-block;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    margin-right: 25px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    box-shadow: 0px 10px 13px 0px rgba(0, 70, 103, 0.13);
}

.footer-wrapper .share a:last-child {
    margin-right: 0;
}

.footer-wrapper .share .qq {
    background-image: url(https://zhongkejianche.oss-cn-guangzhou.aliyuncs.com//uploads/20230203/195a03b54147a04942195c8b06232601.png);
}

.footer-wrapper .share .wechat {
    background-image: url(https://zhongkejianche.oss-cn-guangzhou.aliyuncs.com//uploads/20230203/db9c00d9d1370adc3b7d7f603b9f3df9.png);
}

.footer-wrapper .share .weibo {
    background-image: url(https://zhongkejianche.oss-cn-guangzhou.aliyuncs.com//uploads/20230203/ede7e51276b36bcb6f8f5374e5e5f336.png);
}

.footer-wrapper .qrcode {
    width: 126px;
    margin-left: 44px;
    box-shadow: 0px 3px 35px 0px rgba(0, 0, 0, 0.09);
}

.footer-wrapper .qrcode img {
    display: block;
    width: 100%;
}

.footer-wrapper .box-2 {
    padding: 24px 0;
    background-color: #3d509f;
}

.footer-wrapper .box-2 .box-container {
    align-items: center;
}

.menu-box,
.search-form,
.category-wrapper {
    display: none;
}

.index-title-box {
    margin-top: 96px;
    margin-bottom: 34px;
}

.index-title-box h3,
.index-title-box a {
    font-size: 24px;
    font-weight: 700;
    line-height: 30px;
}

.index-title-box p {
    font-size: 14px;
    color: #999;
    text-transform: uppercase;
    line-height: 24px;
    margin-top: 5px;
    font-family: "light_cn";
}

.index-more {
    display: block;
    width: 30px;
    height: 30px;
    background-image: url(https://zhongkejianche.oss-cn-guangzhou.aliyuncs.com/renzheng/img/more.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.index-more:hover {
    box-shadow: 0 2px 30px rgba(0, 0, 0, 0.2);
}

.index-box-1 {
    height: 770px;
}

.index-box-1 .box-container {
    display: flex;
    display: -webkit-box;
    /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box;
    /* Firefox 17- */
    display: -webkit-flex;
    /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex;
    /* Firefox 18+ */
    display: -ms-flexbox;
    /* IE 10 */
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    flex-flow: wrap;
}

.index-box-1 .index-top-title-box {
    width: 1200px;
    text-align: center;
    margin: 60px auto 60px;
}

.index-box-1 .index-top-title-box a {
    font-size: 24px;
    font-weight: 700;
    line-height: 30px;
}

.index-box-1 .index-top-title-box p {
    font-size: 14px;
    color: #999;
    text-transform: uppercase;
    line-height: 24px;
    margin-top: 5px;
    font-family: "light_cn";
}

.index-box-1 .index-title-box {
    margin-bottom: 0;
    padding-top: 0;
}

.index-box-1 .swiper-box {
    flex: 1;
    margin-left: 88px;
    height: 100%;
    position: relative;
    padding-right: 108px;
}

.index-box-1 .swiper-box .swiper-slide {
    width: auto;
    text-align: center;
    cursor: pointer;
}

.index-box-1 .swiper-box .swiper-slide:after {
    content: "";
    display: block;
    width: 11px;
    height: 6px;
    background-image: url(https://zhongkejianche.oss-cn-guangzhou.aliyuncs.com/renzheng/img/down2.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    margin: 8px auto 0;
    transition: transform 0.4s ease;
    -webkit-transition: transform 0.4s ease;
    -moz-transition: transform 0.4s ease;
    -ms-transition: transform 0.4s ease;
    -o-transition: transform 0.4s ease;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
}

.index-box-1 .swiper-box .swiper-slide.active:after,
.index-box-1 .swiper-box .swiper-slide:hover:after {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
}

.index-box-1 .swiper-box .swiper-slide.active .title,
.index-box-1 .swiper-box .swiper-slide:hover .title {
    font-weight: 700;
    color: #3d509f;
}

.index-box-1 .swiper-box .icon {
    width: 36px;
    margin: 0 auto;
}

.index-box-1 .swiper-box .title {
    color: #666;
    line-height: 24px;
    margin-top: 4px;
    transition: color 0.4s ease;
    -webkit-transition: color 0.4s ease;
    -moz-transition: color 0.4s ease;
    -ms-transition: color 0.4s ease;
    -o-transition: color 0.4s ease;
}

.index-box-1 .btn-box {
    position: absolute;
    right: 0;
    top: 50%;
    z-index: 1;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

.index-box-1 .btn-box a {
    font-size: 0;
    display: inline-block;
    width: 30px;
    height: 30px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    transition: background 0.3s ease;
    -webkit-transition: background 0.3s ease;
    -moz-transition: background 0.3s ease;
    -ms-transition: background 0.3s ease;
    -o-transition: background 0.3s ease;
}

.index-box-1 .btn-box .prev {
    margin-right: 10px;
    background-image: url(https://zhongkejianche.oss-cn-guangzhou.aliyuncs.com/renzheng/img/prev.png);
}

.index-box-1 .btn-box .prev:hover {
    background-image: url(https://zhongkejianche.oss-cn-guangzhou.aliyuncs.com/renzheng/img/prev2.png);
}

.index-box-1 .btn-box .next {
    background-image: url(https://zhongkejianche.oss-cn-guangzhou.aliyuncs.com/renzheng/img/next.png);
}

.index-box-1 .btn-box .next:hover {
    background-image: url(https://zhongkejianche.oss-cn-guangzhou.aliyuncs.com/renzheng/img/next2.png);
}

.index-box-1 .detail-box {
    width: 100%;
    margin-top: 20px;
}

.index-box-1 .detail-box .item {
    display: none;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.index-box-1 .detail-box .item.on {
    display: flex;
    display: -webkit-box;
    /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box;
    /* Firefox 17- */
    display: -webkit-flex;
    /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex;
    /* Firefox 18+ */
    display: -ms-flexbox;
    /* IE 10 */
    animation: fadeIn 0.5s linear;
}

.index-box-1 .cat-box {
    width: 260px;
    background-color: #3d509f;
    max-height: 510px;
    overflow-y: auto;
}

.index-box-1 .cat-box::-webkit-scrollbar {
    width: 6px;
    background-color: rgba(255, 255, 255, 0.25);
}

.index-box-1 .cat-box::-webkit-scrollbar-thumb {
    background-color: #bfcaf7;
}

.index-box-1 .cat-box a {
    position: relative;
    display: flex;
    display: -webkit-box;
    /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box;
    /* Firefox 17- */
    display: -webkit-flex;
    /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex;
    /* Firefox 18+ */
    display: -ms-flexbox;
    /* IE 10 */
    align-items: center;
    height: 85px;
    padding: 10px 36px 10px 24px;
    transition: background 0.4s ease;
    -webkit-transition: background 0.4s ease;
    -moz-transition: background 0.4s ease;
    -ms-transition: background 0.4s ease;
    -o-transition: background 0.4s ease;
    border-bottom: 1px solid rgba(82, 103, 192, 0.6);
}

.index-box-1 .cat-box a.on {
    background-color: #3d509f;
}

.index-box-1 .cat-box a.on:after {
    opacity: 1;
}

.index-box-1 .cat-box a.on .icon {
    box-shadow: 9px 7px 29px 0px rgba(61, 80, 159, 0.23);
}

.index-box-1 .cat-box a.on .icon:before {
    animation: iconScale 0.7s ease;
}

.index-box-1 .cat-box a:after {
    content: "";
    position: absolute;
    right: 27px;
    top: 30px;
    width: 7px;
    height: 11px;
    background-image: url(https://zhongkejianche.oss-cn-guangzhou.aliyuncs.com//uploads/20230203/8dfa24147d211228ac4a187917fb2cdd.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    z-index: 1;
    opacity: 0.5;
}

.index-box-1 .cat-box .icon {
    position: relative;
    width: 42px;
    height: 42px;
    border-radius: 50%;
}

.index-box-1 .cat-box .icon:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: #fff;
    border-radius: 50%;
    z-index: 0;
    opacity: 0;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}

.index-box-1 .cat-box .icon img {
    position: relative;
    z-index: 2;
    display: block;
    width: 100%;
}

.index-box-1 .cat-box .info {
    flex: 1;
    overflow: hidden;
    margin-left: 12px;
}

.index-box-1 .cat-box .title {
    font-size: 14px;
    color: #fff;
    line-height: 20px;
}

.index-box-1 .cat-box p {
    font-size: 12px;
    color: #9ea7cc;
    line-height: 16px;
    text-transform: uppercase;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    max-height: 32px;
}

.index-box-1 .children-box {
    width: 910px;
}

.index-box-1 .children-box .child-item {
    display: none;
    padding-right: 5px;
    overflow-y: auto;
    height: 510px;
}

.index-box-1 .children-box .child-item::-webkit-scrollbar {
    width: 3px;
    background-color: #bfcaf7;
}

.index-box-1 .children-box .child-item::-webkit-scrollbar-thumb {
    background-color: #3d509f;
}

.index-box-1 .children-box ul {
    display: flex;
    display: -webkit-box;
    /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box;
    /* Firefox 17- */
    display: -webkit-flex;
    /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex;
    /* Firefox 18+ */
    display: -ms-flexbox;
    /* IE 10 */
    flex-flow: wrap;
}

.index-box-1 .children-box li {
    width: 31.86%;
    margin-top: 2.21%;
    margin-right: 2.21%;
    background-color: #f9f9f9;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.index-box-1 .children-box li:nth-child(3n) {
    margin-right: 0;
}

.index-box-1 .children-box li:hover {
    background-color: #fff;
    box-shadow: 12px 9px 24px 0px rgba(0, 0, 0, 0.08);
}

.index-box-1 .children-box li:hover .pic img {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
}

.index-box-1 .children-box li:hover .info:after {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
}

.index-box-1 .children-box li:hover .title {
    color: #3d509f;
}

.index-box-1 .children-box .pic img {
    height: 120px;
    object-fit: cover;
}

.index-box-1 .children-box .info {
    position: relative;
    padding: 21px 20px 26px;
}

.index-box-1 .children-box .info:after {
    content: "";
    width: 100%;
    height: 3px;
    background-color: #3d509f;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
    transform: scale(0);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transition: transform 0.4s ease;
    -webkit-transition: transform 0.4s ease;
    -moz-transition: transform 0.4s ease;
    -ms-transition: transform 0.4s ease;
    -o-transition: transform 0.4s ease;
}

.index-box-1 .children-box .title {
    font-size: 16px;
    font-weight: 700;
    line-height: 26px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.index-box-1 .children-box .desc {
    font-size: 14px;
    color: #666;
    line-height: 20px;
    height: 40px;
    margin-top: 12px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.index-box-2{
    height: 810px;
}

.index-box-2 .index-title-box {
    text-align: center;
    margin-bottom: 60px;
}

.index-box-2 .lab-swiper:after {
    content: "";
    width: 100%;
    height: 1px;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 0;
    background-color: #ddd;
}

.index-box-2 .lab-swiper .swiper-slide {
    position: relative;
    cursor: pointer;
    padding-top: 36px;
    text-align: center;
    padding-bottom: 18px;
}

.index-box-2 .lab-swiper .swiper-slide.active:after {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
}

.index-box-2 .lab-swiper .swiper-slide.active p {
    color: #3d509f;
    font-weight: 700;
}

.index-box-2 .lab-swiper .swiper-slide.active .icon img {
    display: none;
}

.index-box-2 .lab-swiper .swiper-slide.active .icon img.on {
    display: block;
    animation: fadeIn 0.4s ease;
}

.index-box-2 .lab-swiper .swiper-slide:before {
    content: "";
    width: 100%;
    height: 156px;
    background: url(https://zhongkejianche.oss-cn-guangzhou.aliyuncs.com/renzheng/img/shadow.png) no-repeat center center;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
}

.index-box-2 .lab-swiper .swiper-slide:after {
    content: "";
    width: 100%;
    height: 3px;
    background-color: #3d509f;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
    transform: scale(0);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transition: transform 0.3s ease;
    -webkit-transition: transform 0.3s ease;
    -moz-transition: transform 0.3s ease;
    -ms-transition: transform 0.3s ease;
    -o-transition: transform 0.3s ease;
}

.index-box-2 .lab-swiper .swiper-slide p {
    line-height: 24px;
    margin-top: 36px;
    font-size: 16px;
    color: #666;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.index-box-2 .icon {
    width: 72px;
    height: 80px;
    margin: 0 auto;
}

.index-box-2 .icon img {
    display: block;
    width: 100%;
}

.index-box-2 .icon img.on {
    display: none;
}

.index-box-2 .desc {
    font-size: 14px;
    color: #666;
    line-height: 24px;
    text-align: justify;
}

.index-box-2 .title,
.index-box-2 .en {
    font-size: 22px;
    font-family: "mb";
    text-transform: uppercase;
    line-height: 30px;
}

.index-box-2 .title {
    color: #3d509f;
    font-weight: 700;
}

.index-box-2 .en {
    color: #c0c3d0;
    margin: 8px auto 50px;
}

.index-box-2 .info-swiper {
    margin-top: 40px;
}

.index-box-2 .info-swiper .swiper-slide {
    display: flex;
    display: -webkit-box;
    /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box;
    /* Firefox 17- */
    display: -webkit-flex;
    /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex;
    /* Firefox 18+ */
    display: -ms-flexbox;
    /* IE 10 */
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.index-box-2 .info-swiper .pic {
    width: 390px;
}

.index-box-2 .info-swiper .pic img.on {
    display: none;
}

.index-box-2 .info-swiper .info {
    margin-top: 26px;
    width: 720px;
}

.index-box-2 .btn-box {
    font-size: 0;
}

.index-box-2 .btn-box a {
    display: inline-block;
    margin-top: 40px;
    width: 130px;
    line-height: 44px;
    text-align: center;
    color: #666;
    border-radius: 6px;
    margin-right: 20px;
    background: #3d509f;
    color: #fff;
    transition: background 0.3s ease;
    -webkit-transition: background 0.3s ease;
    -moz-transition: background 0.3s ease;
    -ms-transition: background 0.3s ease;
    -o-transition: background 0.3s ease;
}

.index-box-2 .btn-box a:last-child {
    margin-right: 0;
}

.index-box-2 .btn-box a:hover {
    background: #3d509f;
}

.index-box-3 {
    margin-top: 100px;
}

.index-box-3 .index-title-box {
    padding-top: 0;
}

.index-box-3 .box-container {
    padding: 98px 0;
    background: url(https://zhongkejianche.oss-cn-guangzhou.aliyuncs.com/renzheng/img/index33.jpg) no-repeat center center;
    background-size: cover;
    background-attachment: fixed;
}

.index-box-3 .info {
    width: 580px;
    background-color: #f9f9f9;
    margin-left: auto;
    padding: 52px 70px 65px 100px;
}

.index-box-3 .content {
    color: #666;
    line-height: 24px;
    text-align: justify;
    margin-bottom: 44px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 7;
    overflow: hidden;
    max-height: 168px;
}

.index-box-4 {
    height: 700px;
    margin-bottom: 85px;
}

.index-box-4 .index-title-box {
    margin-top: 60px;
    text-align: center;
}

.index-box-4 .title-box {
    position: relative;
    padding-top: 20px;
    line-height: 24px;
    margin-bottom: 30px;
}

.index-box-4 .title-box .title {
    display: inline-block;
    font-weight: 700;
    padding-bottom: 8px;
    border-bottom: 3px solid transparent;
}

.index-box-4 .title-box .more {
    position: absolute;
    right: 0;
    bottom: 11px;
    z-index: 1;
    color: #666;
}

.index-box-4 .title-box .more:hover {
    color: #3d509f;
    font-weight: 700;
}

.index-box-4 .title-box .more:hover i {
    background-image: url(https://zhongkejianche.oss-cn-guangzhou.aliyuncs.com/renzheng/img/iright4.png);
}

.index-box-4 .title-box .more i {
    display: inline-block;
    width: 6px;
    height: 9px;
    background-image: url(https://zhongkejianche.oss-cn-guangzhou.aliyuncs.com//uploads/20230203/863ab989dd26d6d791872af0945a8c01.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    margin-left: 14px;
    vertical-align: middle;
    position: relative;
    top: -1px;
}

.index-box-4 a {
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.index-box-4 .box {
    display: flex;
    display: -webkit-box;
    /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box;
    /* Firefox 17- */
    display: -webkit-flex;
    /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex;
    /* Firefox 18+ */
    display: -ms-flexbox;
    /* IE 10 */
}

.index-box-4 .left {
    width: 580px;
    margin-right: 40px;
}

.index-box-4 .left .title-box .title {
    border-color: #3d509f;
}

.index-box-4 .left .swiper-slide {
    line-height: 32px;
    display: flex;
    display: -webkit-box;
    /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box;
    /* Firefox 17- */
    display: -webkit-flex;
    /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex;
    /* Firefox 18+ */
    display: -ms-flexbox;
    /* IE 10 */
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.index-box-4 .left .swiper-slide a {
    display: inline-block;
    color: #666;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 84%;
}

.index-box-4 .left .swiper-slide a:hover {
    color: #3d509f;
    font-weight: 700;
}

.index-box-4 .left .name {
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    margin: 10px auto 12px;
}

.index-box-4 .left .date {
    font-size: 14px;
    color: #cdcbcb;
    font-family: "mb";
}

.index-box-4 .left .desc {
    color: #999;
    line-height: 24px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    margin-bottom: 17px;
}

.index-box-4 .first-box {
    padding-bottom: 44px;
    margin-bottom: 28px;
    border-bottom: 1px solid #ddd;
}

.index-box-4 .first-box:hover .pic img {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
}

.index-box-4 .first-box:hover .name {
    color: #3d509f;
}

.index-box-4 .first-box a {
    display: flex;
    display: -webkit-box;
    /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box;
    /* Firefox 17- */
    display: -webkit-flex;
    /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex;
    /* Firefox 18+ */
    display: -ms-flexbox;
    /* IE 10 */
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.index-box-4 .first-box .pic {
    width: 272px;
}

.index-box-4 .first-box .info {
    width: 278px;
}

.index-box-4 .first-box .date {
    font-size: 16px;
    color: #3d509f;
    line-height: 20px;
}

.index-box-4 .first-box .date span {
    font-family: Arial;
    font-size: 12px;
}

.index-box-4 .center {
    width: 332px;
    margin-right: 20px;
}

.index-box-4 .center .swiper-slide {
    padding: 26px 0;
    border-bottom: 1px solid #ddd;
}

.index-box-4 .center .swiper-slide:first-child {
    padding-top: 0;
}

.index-box-4 .center .swiper-slide:last-child {
    padding-bottom: 16px;
    border-bottom: none;
}

.index-box-4 .center .swiper-slide:hover .pic img {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
}

.index-box-4 .center .swiper-slide:hover .name {
    color: #3d509f;
    font-weight: 700;
}

.index-box-4 .center .swiper-slide a {
    display: flex;
    display: -webkit-box;
    /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box;
    /* Firefox 17- */
    display: -webkit-flex;
    /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex;
    /* Firefox 18+ */
    display: -ms-flexbox;
    /* IE 10 */
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.index-box-4 .center .name {
    font-size: 14px;
    color: #666;
    line-height: 24px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    height: 72px;
}

.index-box-4 .center .pic {
    width: 150px;
}

.index-box-4 .center .info {
    flex: 1;
    margin-left: 20px;
    overflow: hidden;
}

.index-box-4 .center .date {
    font-size: 16px;
    color: #3d509f;
    line-height: 20px;
    font-family: "mb";
    margin-top: 10px;
}

.index-box-4 .center .date span {
    font-family: Arial;
    font-size: 12px;
}

.index-box-4 .right {
    width: 228px;
    background-color: #f9f9f9;
    padding: 0 20px;
}

.index-box-4 .right .swiper-slide {
    padding: 20px 0;
    height: 152px;
    border-bottom: 1px solid #ddd;
}

.index-box-4 .right .swiper-slide:first-child {
    padding-top: 0;
    height: 132px;
}

.index-box-4 .right .swiper-slide:last-child {
    border-bottom: none;
}

.index-box-4 .right a {
    color: #666;
    line-height: 24px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    max-height: 72px;
}

.index-box-4 .right a:hover {
    color: #3d509f;
    font-weight: 700;
}

.index-box-4 .right .date {
    color: #cdcbcb;
    font-family: "mb";
    margin-top: 7px;
    line-height: 20px;
}

.page-banner-wrapper {
    position: relative;
    z-index: 3;
}

.page-banner-wrapper .banner.pc {
    display: block;
}

.page-banner-wrapper .banner.phone {
    display: none;
}

.page-banner-wrapper .page-banner-swiper .swiper-slide-active .info-box {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
}

.page-banner-wrapper .page-banner-swiper .info-box {
    opacity: 0;
    visibility: hidden;
    transform: translateY(80px);
    -webkit-transform: translateY(80px);
    -moz-transform: translateY(80px);
    -ms-transform: translateY(80px);
    -o-transform: translateY(80px);
    transition: all 1.4s ease;
    -webkit-transition: all 1.4s ease;
    -moz-transition: all 1.4s ease;
    -ms-transition: all 1.4s ease;
    -o-transition: all 1.4s ease;
    transition-delay: 0.5s;
    transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.page-banner-wrapper.bg {
    background: url(https://zhongkejianche.oss-cn-guangzhou.aliyuncs.com/renzheng/img/bannerbg.jpg) no-repeat center center;
    background-size: cover;
}

.page-banner-wrapper .banner {
    display: block;
    width: 100%;
    margin: 0 auto;
}

.page-banner-wrapper .box-container {
    position: relative;
}

.page-banner-wrapper .box-container .banner {
    width: 830px;
    margin: 0;
}

.page-banner-wrapper .fixed-box {
    width: 370px;
    position: absolute;
    right: calc((100% - 1200px) / 2);
    top: 0;
    z-index: 10;
    background-color: #fff;
}

.page-banner-wrapper .fixed-box.on {
    position: fixed;
    top: 140px;
}

.page-banner-wrapper .btn-box {
    text-align: center;
    font-size: 0;
}

.page-banner-wrapper .btn-box a {
    display: inline-block;
    width: 140px;
    height: 46px;
    line-height: 46px;
    text-align: center;
    color: #fff;
    vertical-align: top;
    background-image: linear-gradient(-34deg, #3d509f 0%, #556ac0 100%), linear-gradient(#000000, #000000);
    background-blend-mode: normal, normal;
    border-radius: 23px;
    margin-right: 30px;
    transition: box-shadow 0.3s ease;
    -webkit-transition: box-shadow 0.3s ease;
    -moz-transition: box-shadow 0.3s ease;
    -ms-transition: box-shadow 0.3s ease;
    -o-transition: box-shadow 0.3s ease;
}

.page-banner-wrapper .btn-box a:hover {
    box-shadow: 0 2px 30px rgba(0, 0, 0, 0.1);
}

.page-banner-wrapper .btn-box a:last-child {
    margin-right: 0;
}

.page-banner-wrapper .btn-box a:nth-child(2) {
    background-image: linear-gradient(0deg, #f28d23 0%, #fbb163 100%), linear-gradient(#000000, #000000);
    background-blend-mode: normal, normal;
}

.page-banner-wrapper .btn-box a img {
    width: 26px;
    vertical-align: middle;
    position: relative;
    top: -1px;
    margin-right: 8px;
}

.page-banner-wrapper .inner-1 {
    padding: 40px 25px 35px;
    box-shadow: 0px 23px 32px 0px rgba(59, 69, 116, 0.27);
}

.page-banner-wrapper .inner-1 .title {
    text-align: center;
    font-size: 18px;
    line-height: 26px;
}

.page-banner-wrapper .inner-1 .title h1 {
    text-align: center;
    font-size: 18px;
    line-height: 26px;
}

.page-banner-wrapper .inner-1 .desc {
    color: #797979;
    line-height: 26px;
    text-align: justify;
    margin: 16px auto 40px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    height: 78px;
}

.page-banner-wrapper .inner-2 {
    position: relative;
}

.page-banner-wrapper .inner-2 .right {
    left: 65%;
    /*position: absolute;*/
    width: 370px;
    z-index: 2;
}

.page-banner-wrapper .inner-2 .right .right-nav {
    background: #f3f3f3;
}

.page-banner-wrapper .inner-2 .right .right-nav .ntitle {
    background: #3d509f;
    color: #fff;
    text-align: center;
    font-size: 16px;
    padding: 5px;
    letter-spacing: 2px;
    border-bottom: 1px solid rgba(255, 255, 255, .1);
}

.page-banner-wrapper .inner-2 .right .right-nav .ntitle .en {
    display: block;
    font-size: 12px;
    letter-spacing: 0;
    text-transform: uppercase;
}

.page-banner-wrapper .inner-2 .right .right-nav ul, ol, li {
    list-style: none;
}

.page-banner-wrapper .inner-2 .right .right-nav li a {
    display: block;
    border-bottom: 1px solid #e8e8e8;
    line-height: 35px;
    padding: 0 25px;
    font-size: 14px;
    position: relative;
}

.page-banner-wrapper .inner-2 .right .right-nav li a span {
    position: relative;
    z-index: 2;
}

.page-banner-wrapper .inner-2 .right .right-nav li a:after {
    width: 100%;
    height: 100%;
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    background: #3d509f;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0;
    transform-origin: 0;
    -webkit-transition: all .4s;
    transition: all .4s;
}

.page-banner-wrapper .inner-2 .right .right-nav .cur {
    background: #3d509f;
}

.page-banner-wrapper .inner-2 .right .right-nav li:hover a:after, .right-nav li.cur a:after {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}

.page-banner-wrapper .inner-2 .right .right-nav li:hover a, .right-nav li.cur a {
    color: #fff
}

.page-banner-wrapper .inner-2 .right .right-content {
    margin-top: 0px;
    background: #f3f3f3;
}

.page-banner-wrapper .inner-2 .right .right-content .ntitle {
    background: #3d509f;
    color: #fff;
    text-align: center;
    font-size: 16px;
    padding: 5px;
    letter-spacing: 2px;
    border-bottom: 1px solid rgba(255, 255, 255, .1);
}

.page-banner-wrapper .inner-2 .right .right-content .ntitle .en {
    display: block;
    font-size: 12px;
    letter-spacing: 0;
    text-transform: uppercase;
}

.page-banner-wrapper .inner-2 .right .right-content ul, ol, li {
    list-style: none;
}

.page-banner-wrapper .inner-2 .right .right-content ul {
    padding: 25px;
    padding-top: 0;
}

.page-banner-wrapper .inner-2 .right .right-content li {
    display: block;
    color: #333333;
    font-size: 14px;
    border-bottom: 1px dashed #999999;
    line-height: 20px;
    padding: 20px 0;
}

.page-banner-wrapper .inner-2 .right .right-content li p {
    white-space: nowrap;
}

.page-banner-wrapper .inner-2 .right .right-content li .tel {
    font-size: 18px;
    font-weight: bold;
    margin: 10px 0;
    color: #3d509f;
}


.page-banner-wrapper .inner-2 .item {
    position: relative;
}

.page-banner-wrapper .inner-2 .item:nth-child(2) .detail {
    background-image: url(https://zhongkejianche.oss-cn-guangzhou.aliyuncs.com/renzheng/img/icon-up.png);
}

.page-banner-wrapper .inner-2 .info {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    z-index: 0;
    width: 100%;
    padding: 10px 25px;
    line-height: 26px;
}

.page-banner-wrapper .inner-2 .caption {
    font-size: 18px;
    color: #fff;
    font-weight: 700;
}

.page-banner-wrapper .inner-2 .brief {
    color: #fff;
    margin-top: 2px;
}

.page-banner-wrapper .inner-2 .detail {
    position: absolute;
    right: 16px;
    bottom: 25px;
    z-index: 1;
    cursor: pointer;
    width: 40px;
    height: 40px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(https://zhongkejianche.oss-cn-guangzhou.aliyuncs.com/renzheng/img/icon-down.png);
}

.page-banner-wrapper .inner-2 .detail:hover .list {
    display: block;
}

.page-banner-wrapper .inner-2 .list {
    display: none;
    position: absolute;
    right: 0;
    bottom: 100%;
    z-index: 1;
    width: 300px;
    height: 200px;
    background-color: #fff;
    border: 1px solid #eee;
    padding-top: 16px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.page-banner-wrapper .inner-2 .list .box {
    width: 100%;
    padding: 0 24px 34px;
    display: flex;
    display: -webkit-box;
    /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box;
    /* Firefox 17- */
    display: -webkit-flex;
    /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex;
    /* Firefox 18+ */
    display: -ms-flexbox;
    /* IE 10 */
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    flex-flow: wrap;
    max-height: 180px;
    overflow-y: auto;
}

.page-banner-wrapper .inner-2 .list .box::-webkit-scrollbar {
    width: 4px;
    background-color: #bcc5eb;
}

.page-banner-wrapper .inner-2 .list .box::-webkit-scrollbar-thumb {
    background-color: #3d509f;
}

.page-banner-wrapper .inner-2 .list a {
    color: #767676;
    text-align: center;
    width: 120px;
    height: 34px;
    line-height: 34px;
    transition: color 0.3s ease;
    -webkit-transition: color 0.3s ease;
    -moz-transition: color 0.3s ease;
    -ms-transition: color 0.3s ease;
    -o-transition: color 0.3s ease;
    margin-right: 6px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0 2px;
    margin-bottom: 2px;
}

.page-banner-wrapper .inner-2 .list a:nth-child(-n+2) {
    margin-top: 0;
}

.page-banner-wrapper .inner-2 .list a:nth-child(even) {
    margin-right: 0;
}

.page-banner-wrapper .inner-2 .list a:hover {
    color: #fff;
    background-color: #3d509f;
}

.page-banner-wrapper .inner-3 {
    padding: 18px 25px 30px 80px;
    background-color: #e7eef6;
    background-image: url(https://zhongkejianche.oss-cn-guangzhou.aliyuncs.com/renzheng/img/tel2.png);
    background-repeat: no-repeat;
    background-position: left 30px top 26px;
}

.page-banner-wrapper .inner-3 p {
    color: #a7a7a7;
    line-height: 24px;
}

.page-banner-wrapper .inner-3 .tel {
    font-size: 24px;
    color: #a7a7a7;
    line-height: 24px;
    font-family: "mb";
    margin-top: 1px;
}

.page-banner-wrapper .info-box {
    position: absolute;
    right: 230px;
    top: 130px;
    width: 620px;
    z-index: 1;
}

.page-banner-wrapper .info-box .name {
    font-size: 36px;
    line-height: 72px;
    color: #fff;
    font-weight: 700;
    text-shadow: 0 0 0.3em rgba(0, 0, 0, 0.1), 0 0 0.3em rgba(0, 0, 0, 0.1), 0 0 0.3em rgba(0, 0, 0, 0.1);
}

.page-banner-wrapper .info-box .name b {
    font-size: 48px;
}

.page-banner-wrapper .info-box .en {
    font-size: 50px;
    color: #fff;
    font-weight: 700;
    font-family: Arial;
    text-transform: uppercase;
    line-height: 40px;
    margin-top: 18px;
}

.page-banner-wrapper .swiper-pagination {
    display: block;
    bottom: 40px;
    font-size: 0;
}

.page-banner-wrapper .swiper-pagination .swiper-pagination-bullet {
    opacity: 1;
    margin: 0 8px;
    width: 12px;
    height: 12px;
    background: #f5f5f5;
    border: none;
    transition: background 0.3s ease;
    -webkit-transition: background 0.3s ease;
    -moz-transition: background 0.3s ease;
    -ms-transition: background 0.3s ease;
    -o-transition: background 0.3s ease;
}

.page-banner-wrapper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #3d509f;
}

.page-box {
    padding: 58px 0 112px;
}

.page-box .index-title-box {
    padding-top: 0;
    margin-top: 0px;
}

.page-box .index-more {
    width: 32px;
    height: 32px;
    background-image: url(https://zhongkejianche.oss-cn-guangzhou.aliyuncs.com/renzheng/img/more2.png);
}

.page-box .index-more:hover {
    background-image: url(https://zhongkejianche.oss-cn-guangzhou.aliyuncs.com/renzheng/img/more3.png);
}

.about-wrapper {
    padding-bottom: 0 !important;
    /*background: url(https://zhongkejianche.oss-cn-guangzhou.aliyuncs.com/renzheng/img/aboutbg.png) no-repeat right top;*/
}

.about-wrapper h2 {
    color: #3d509f;
    font-size: 32px;
    font-weight: 700;
    line-height: 36px;
}

.about-wrapper .en {
    font-size: 16px;
    color: #b2b2b2;
    line-height: 24px;
    margin: 20px auto 55px;
}

.about-wrapper .content {
    color: #656565;
    line-height: 24px;
    text-align: justify;
}

.about-wrapper .box-1 {
    height: 700px;
    padding-bottom: 105px;
    /*background: url(https://zhongkejianche.oss-cn-guangzhou.aliyuncs.com/renzheng/img/aboutbg2.png) no-repeat center bottom;*/
}

.about-wrapper .box-1 .info,
.about-wrapper .box-1 .pic {
    width: 50%;
}

.about-wrapper .box-1 .inner-1,
.about-wrapper .box-1 .inner-2 {
    display: flex;
    display: -webkit-box;
    /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box;
    /* Firefox 17- */
    display: -webkit-flex;
    /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex;
    /* Firefox 18+ */
    display: -ms-flexbox;
    /* IE 10 */
}

.about-wrapper .box-1 .pageTitle {
    text-align: center;
    padding-bottom: 5px;
    position: relative;
    z-index: 2;
}

.about-wrapper .box-1 .pageTitle .title1 {
    padding-bottom: 10px;
    font-size: 32px;
    line-height: 32px;
    color: #353535;
    font-weight: bold;
}

.about-wrapper .box-1 .pageTitle .title2 {
    font-size: 14px;
    color: #b2b2b2;
    text-transform: uppercase;
    line-height: 18px;
    height: 52px;
    position: relative;
}

.about-wrapper .box-1 .leftDiv {
    width: 560px;
    float: left;
}

.about-wrapper .box-1 .leftDiv .name {
    font-size: 30px;
    color: #3d509f;
    line-height: 30px;
    font-weight: bold;
    padding-bottom: 15px;
    font-family: Arial, 微软雅黑;
    white-space: normal;
}

.about-wrapper .box-1 .leftDiv .txt {
    font-size: 24px;
    color: #5267c0;
    line-height: 24px;
    font-family: Arial, 微软雅黑;
    white-space: normal;
}

.about-wrapper .box-1 .leftDiv .year {
    color: rgb(255, 156, 0);
    font-size: 36px;
    line-height: 36px;
    font-family: mont;
    padding-top: 10px;
    text-transform: uppercase;
    white-space: normal;
}

.about-wrapper .box-1 .leftDiv .content {
    font-size: 14px;
    line-height: 26px;
    color: rgb(121, 121, 121);
    padding-top: 15px;
    font-family: Arial, 微软雅黑;
    white-space: normal;
}

.about-wrapper .box-1 .rightDiv {
    width: 560px;
}

.about-wrapper .box-1 .rightDiv .imgDiv {
    overflow: hidden;
}

.about-wrapper .box-1 .rightDiv .imgDiv img {
    width: 560px;
}

.about-wrapper .box-1 .rightDiv .botDiv {
    width: 560px;
    height: 150px;
    background: url(https://zhongkejianche.oss-cn-guangzhou.aliyuncs.com//uploads/20230813/09811ad8b700b40739dc320ae2000c4a.jpg) no-repeat;
}

.about-wrapper .box-1 .rightDiv .botDiv .numList {
    padding-top: 35px;
}

.about-wrapper .box-1 .rightDiv .botDiv .numList ul {
    padding: 0 30px;
}

.about-wrapper .box-1 .rightDiv .botDiv .numList li {
    float: left;
    width: 25%;
    color: #fff;
}

.about-wrapper .box-1 .rightDiv .botDiv .numList li .box .num {
    font-size: 14px;
    color: #fff;
}

.about-wrapper .box-1 .rightDiv .botDiv .numList li .box .num em {
    display: inline-block;
    position: relative;
}

.about-wrapper .box-1 .rightDiv .botDiv .numList li .box .num em:after {
    content: '';
    position: absolute;
    right: 0;
    top: -20px;
    width: 13px;
    height: 13px;
    background: url(https://zhongkejianche.oss-cn-guangzhou.aliyuncs.com//uploads/20220923/89024b17e6dfb676aaa542a7177c7117.png) center no-repeat;
}

.about-wrapper .box-1 .rightDiv .botDiv .numList li .box .num .numUp {
    font-family: bold;
    font-size: 48px;
    line-height: 48px;
    padding-right: 10px;
    display: inline-block;
    color: #fff;
}

.about-wrapper .box-1 .rightDiv .botDiv .numList li .box p {
    font-size: 14px;
    padding-top: 5px;
    color: #fff;
}

.about-wrapper .inner-1 .info {
    padding-right: 86px;
}

.about-wrapper .inner-2 {
    margin-top: 118px;
}

.about-wrapper .inner-2 .info {
    padding-left: 95px;
}

.about-wrapper .inner-2 .title {
    font-size: 24px;
    color: #3d509f;
    font-weight: 700;
    line-height: 30px;
    margin-bottom: 24px;
}

.about-wrapper .box-2 {
    padding-top: 60px;
    height: 390px;
    background: url(https://zhongkejianche.oss-cn-guangzhou.aliyuncs.com//uploads/20220923/0cefcd9b79cf95cff93a2c9a5b2dfe8c.jpg) center no-repeat;
    background-size: cover;
    position: relative;
}

.about-wrapper .box-2 .leftImg {
    position: relative;
    z-index: 2;
}

.about-wrapper .box-2 .leftImg img {
    width: 480px;
}

.about-wrapper .box-2 .rightDiv {
    width: 560px;
    position: relative;
    z-index: 2;
}

.about-wrapper .box-2 .rightDiv .txt {
    padding-top: 60px;
    font-size: 24px;
    line-height: 24px;
    color: #5267c0;
    font-weight: bold;
    padding-bottom: 30px;
}

.about-wrapper .box-2 .rightDiv .content {
    font-size: 14px;
    line-height: 26px;
    color: #797979;
}

.about-wrapper .box-2 .rightDiv .content p {
    display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding: 0px;
    margin: 0px;
}

.about-wrapper .box-2 .mDiv {
    display: none;
}

.about-wrapper .box-3 {
    position: relative;
    padding: 90px 0;
    height: 560px;
}

.about-wrapper .box-3 .leftDiv {
    width: 560px;
}

.about-wrapper .box-3 .leftDiv .txt {
    font-size: 24px;
    line-height: 42px;
    color: #5267c0;
    font-weight: bold;
    padding: 30px 0 25px;
    overflow: initial;
    text-overflow: inherit;
    white-space: normal;
}

.about-wrapper .box-3 .leftDiv .content {
    font-size: 14px;
    line-height: 26px;
    color: #797979;
}

.about-wrapper .box-3 .rightDiv {
    width: 560px;
    position: relative;
}

.about-wrapper .box-3 .rightDiv .imgDiv img {
    width: 560px;
}

.about-wrapper .box-3 .rightDiv .wen {
    left: 30px;
    font-size: 24px;
    color: #616161;
    top: 32px;
    position: absolute;
    z-index: 1;
}

.about-wrapper .box-3 .mDiv {
    display: none;
}

.about-wrapper .box-4 {
    height: 560px;
    background: url(https://zhongkejianche.oss-cn-guangzhou.aliyuncs.com//uploads/20220923/8e60c56c01aef197befa76af110ffb45.jpg) center no-repeat;
    background-size: cover;
    overflow: hidden;
}

.about-wrapper .box-4 .box-container {
    position: relative;
}

.about-wrapper .box-4 .layerDiv.liNow {
    top: 0px;
}

.about-wrapper .box-4 .layerDiv {
    position: absolute;
    right: 0;
    top: -380px;
    width: 560px;
    height: 380px;
    background: url(https://zhongkejianche.oss-cn-guangzhou.aliyuncs.com//uploads/20230811/817294f9ba703cace234e68cf48363e5.png) center repeat-x;
    transition: All 1s ease;
    -webkit-transition: All 1s ease;
    -moz-transition: All 1s ease;
    -o-transition: All 1s ease;
}

.about-wrapper .box-4 .bg {
    display: none;
}

.about-wrapper .box-4 .mxfDiv {
    position: absolute;
    padding: 90px 95px 0 48px;
}

.about-wrapper .box-4 .mxfDiv .content {
    font-size: 18px;
    line-height: 32px;
    color: #fff;
}

.about-wrapper .box-4 .mxfDiv .content span {
    color: #FFFFFF;
    font-family: Arial, 微软雅黑;
    font-size: 18px;
}

.about-wrapper .box-4 .mxfDiv .txt {
    padding-top: 50px;
    color: rgba(255, 255, 255, 0.2);
    font-size: 18px;
}

.about-wrapper .box-4 .mxfDiv .txt em {
    display: block;
    font-size: 36px;
    font-weight: bold;
}


.about-wrapper .swiper-btn {
    display: inline-block;
    width: 50px;
    height: 50px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    z-index: 1;
    transition: background 0.3s ease;
    -webkit-transition: background 0.3s ease;
    -moz-transition: background 0.3s ease;
    -ms-transition: background 0.3s ease;
    -o-transition: background 0.3s ease;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}

.about-wrapper .swiper-btn.prev {
    left: -90px;
    background-image: url(https://zhongkejianche.oss-cn-guangzhou.aliyuncs.com/renzheng/img/prev3.png);
}

.about-wrapper .swiper-btn.prev:hover {
    background-image: url(https://zhongkejianche.oss-cn-guangzhou.aliyuncs.com/renzheng/img/prev4.png);
}

.about-wrapper .swiper-btn.next {
    right: -90px;
    background-image: url(https://zhongkejianche.oss-cn-guangzhou.aliyuncs.com/renzheng/img/next3.png);
}

.about-wrapper .swiper-btn.next:hover {
    background-image: url(https://zhongkejianche.oss-cn-guangzhou.aliyuncs.com/renzheng/img/next4.png);
}

.history-wrapper .box-1 {
    height: auto;
}

.history-wrapper .box-1 .mxfDiv {
    display: block;
}

.history-wrapper .box-1 .mxfDiv .topDiv {
    display: none;
}

.history-wrapper .box-1 .mxfDiv .botDiv {
    display: none;
}

.history-wrapper .box-1 .mxfDiv .leftDiv {
    width: 450px;
    height: 385px;
    background: url(https://zhongkejianche.oss-cn-guangzhou.aliyuncs.com//uploads/20220923/47398413949741df4a6a7244e49deb09.jpg) center no-repeat;
}

.history-wrapper .box-1 .mxfDiv .leftDiv .txt {
    padding: 70px 0 18px 48px;
    font-size: 24px;
    color: #a4704c;
}

.history-wrapper .box-1 .mxfDiv .leftDiv .wen {
    padding-left: 48px;
    padding-bottom: 28px;
    color: #fefed6;
    font-size: 36px;
    line-height: 36px;
    text-transform: uppercase;
    font-family: mont;
}

.history-wrapper .box-1 .mxfDiv .leftDiv .content {
    font-size: 14px;
    line-height: 24px;
    color: #fff;
    padding: 0 68px 0 48px;
}

.history-wrapper .box-1 .mxfDiv .leftDiv .content span {
    color: #FFFFFF;
    font-family: Arial, 微软雅黑;
    font-size: 14px;
}

.history-wrapper .box-1 .mxfDiv .leftDiv .content span {
    color: #FFFFFF;
    font-family: Arial, 微软雅黑;
    font-size: 14px;
}

.history-wrapper .box-1 .mxfDiv .rightImg {
    position: relative;
    float: right;
    z-index: 2;
}

.history-wrapper .box-1 .mxfDiv .rightImg img {
    border: 0px;
    vertical-align: middle;
}

.history-wrapper .box-2 {
    height: auto;
    padding-top: 259px;
    background: url(https://zhongkejianche.oss-cn-guangzhou.aliyuncs.com//uploads/20221112/4b2d21e3e2df743be5405e61b2af7b8e.jpg) center top no-repeat;
    position: relative;
    margin-top: -80px;
    z-index: 1;
}

.history-wrapper .box-2 .list {
    display: none;
}

.history-wrapper .box-2 .l7Div {
    padding: 0 15px;
}

.history-wrapper .box-2 .historyPic {
    position: relative;
    padding: 0 36px;
}

.history-wrapper .box-2 .historyPic .swiper-slide {
    position: relative;
}

.history-wrapper .box-2 .historyPic .swiper-slide .year {
    font-size: 14px;
    color: #959595;
    text-align: center;
    height: 60px;
    position: relative;
}

.history-wrapper .box-2 .historyPic .swiper-slide .year em {
    color: #5267c0;
    font-size: 36px;
    line-height: 36px;
    font-family: mont;
}

.history-wrapper .box-2 .historyPic .swiper-slide .contentBox {
    height: 620px;
    position: relative;
}

.history-wrapper .box-2 .historyPic .swiper-slide .contentBox .txt {
    font-size: 22px;
    color: #000;
    padding: 60px 32px 0 25px;
    line-height: 28px;
    height: 56px;
    overflow: hidden;
    background: url(https://zhongkejianche.oss-cn-guangzhou.aliyuncs.com//uploads/20221103/c141ea88b3d2bb418eb5ae6c11de4c05.png) left 68px no-repeat;
}

.history-wrapper .box-2 .historyPic .swiper-slide .contentBox .msg {
    padding: 30px 15px 0 25px;
    font-size: 14px;
    color: #959595;
    line-height: 24px;
    height: 192px;
    overflow-y: auto;
}

.history-wrapper .box-2 .historyPic .swiper-slide .contentBox .imgDiv {
    padding: 35px 15px 0 25px;
}

.history-wrapper .box-2 .historyPic .arrow a {
    position: absolute;
    top: 40px;
    display: block;
    width: 36px;
    height: 36px;
    background: center no-repeat;
    background-size: cover;
}

.history-wrapper .box-2 .historyPic .arrow .prev {
    left: 0;
    background-image: url(https://zhongkejianche.oss-cn-guangzhou.aliyuncs.com//uploads/20220915/cee11d2ac19855fb73097ab99176fd37.png);
}

.history-wrapper .box-2 .historyPic .arrow .next {
    right: 0;
    background-image: url(https://zhongkejianche.oss-cn-guangzhou.aliyuncs.com//uploads/20220915/bc94095330b6fc32d95fd8c670dddb69.png);
}

.history-wrapper .box-2 .historyPic:before {
    content: '';
    position: absolute;
    left: 0;
    width: 100%;
    top: 56px;
    height: 4px;
    background: #c0dea0;
}

.history-wrapper .box-2 .historyPic:after {
    content: '';
    position: absolute;
    right: 36px;
    width: 1px;
    bottom: 0;
    height: 880px;
    background: #e5e5e5;
}

.viewer-toolbar {
    text-align: center;
}

.viewer-title {
    display: none;
}

.viewer-toolbar > li {
    display: none;
    float: none;
}

.viewer-toolbar > li.viewer-play,
.viewer-toolbar > li.viewer-prev,
.viewer-toolbar > li.viewer-next {
    display: inline-block;
    vertical-align: top;
}

.imgBox {
    display: none;
}

.culture-wrapper ul {
    position: relative;
}

.culture-wrapper ul li {
    position: absolute;
    z-index: 1;
    right: 0;
}

.culture-wrapper ul li:first-child {
    position: static;
    width: 393px;
}

.culture-wrapper ul li:first-child .info {
    bottom: 84px;
}

.culture-wrapper ul li:first-child .pic-box img {
    height: 473px;
}

.culture-wrapper ul li:nth-child(2) {
    top: 0;
    width: 780px;
}

.culture-wrapper ul li:nth-child(2) .info {
    top: 64px;
    bottom: auto;
    text-align: center;
}

.culture-wrapper ul li:nth-child(2) .title {
    margin-top: 2px;
}

.culture-wrapper ul li:nth-child(2) .pic-box img {
    height: 266px;
}

.culture-wrapper ul li:nth-child(3) {
    right: auto;
    left: 422px;
    bottom: 0;
    width: 300px;
}

.culture-wrapper ul li:nth-child(3) .info {
    padding-right: 48px;
    bottom: 70px;
}

.culture-wrapper ul li:nth-child(3) .pic-box img {
    height: 418px;
}

.culture-wrapper ul li:nth-child(4) {
    bottom: 223px;
}

.culture-wrapper ul li:nth-child(5) {
    bottom: 0;
}

.culture-wrapper .pic-box {
    position: relative;
    overflow: hidden;
}

.culture-wrapper .pic-box:hover > img {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
}

.culture-wrapper .pic-box > img {
    display: block;
    width: 100%;
    height: 194px;
    object-fit: cover;
    transition: transform 1.2s ease;
    -webkit-transition: transform 1.2s ease;
    -moz-transition: transform 1.2s ease;
    -ms-transition: transform 1.2s ease;
    -o-transition: transform 1.2s ease;
}

.culture-wrapper .info {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 34px;
    z-index: 1;
    padding: 0 28px;
}

.culture-wrapper .en {
    font-size: 30px;
    font-family: Arial;
    font-weight: 700;
    text-transform: uppercase;
    background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.05) 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.culture-wrapper .title {
    font-size: 24px;
    color: #fff;
    font-weight: 700;
    margin: 11px auto 6px;
}

.culture-wrapper .desc {
    font-size: 16px;
    color: #fff;
}

.culture-wrapper .info-box {
    height: 242px;
    background-color: #3d509f;
    padding: 64px 52px;
}

.culture-wrapper .name {
    font-size: 24px;
    color: #fff;
    font-weight: 700;
}

.culture-wrapper .ename {
    font-size: 14px;
    color: #6f7cb2;
    line-height: 22px;
    text-transform: uppercase;
    font-family: "mb";
    margin-top: 12px;
}

.honor-wrapper .title-back {
    width: 130px;
    height: 35px;
    background: #3d509f;
    text-align: center;
    border-radius: 10px 10px 0 0;
}

.honor-wrapper .title-back h3 {
    color: #fff;
}

.honor-wrapper .list ul {
    display: flex;
    display: -webkit-box;
    /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box;
    /* Firefox 17- */
    display: -webkit-flex;
    /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex;
    /* Firefox 18+ */
    display: -ms-flexbox;
    /* IE 10 */
    flex-flow: wrap;
}

.honor-wrapper .list li {
    cursor: pointer;
    width: 350px;
    margin-right: 75px;
    /*padding: 40px 47px 27px;*/
    background-color: #f9f9f9;
    margin-top: 60px;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    text-align: center;
}

.honor-wrapper .list li .backgroud-class {
    height: 80px;
    background: #f3f3f3;
}

.honor-wrapper .list li:hover, .honor-wrapper .list li:hover .backgroud-class {
    background-color: #3d509f;
    box-shadow: 8px 19px 29px 0px rgba(61, 80, 159, 0.3);
}

.honor-wrapper .list li:hover .name,
.honor-wrapper .list li:hover p {
    color: #fff;
}

.honor-wrapper .list li:hover .icon {
    opacity: 1;
    visibility: visible;
}

.honor-wrapper .list li:hover .icon:after {
    animation: iconScale 1.2s ease infinite;
}

.honor-wrapper .pic {
    position: relative;
}

.honor-wrapper .pic img {
    height: 350px;
    object-fit: contain;
}

.honor-wrapper .icon {
    width: 76px;
    height: 76px;
    background-color: rgba(61, 80, 159, 0.8);
    border-radius: 50%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    z-index: 1;
    opacity: 0;
    visibility: hidden;
}

.honor-wrapper .icon:after {
    content: "";
    width: 100%;
    height: 100%;
    background-color: rgba(61, 80, 159, 0.8);
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    opacity: 0;
}

.honor-wrapper .icon:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    background-image: url(https://zhongkejianche.oss-cn-guangzhou.aliyuncs.com/renzheng/img/search4.png);
    background-repeat: no-repeat;
    background-position: center center;
}

.honor-wrapper .info {
    line-height: 20px;
    margin-top: 25px;
    width: 100%;
    position: absolute;
}

.honor-wrapper .info .name,
.honor-wrapper .info p {
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition: color 0.3s ease;
    -webkit-transition: color 0.3s ease;
    -moz-transition: color 0.3s ease;
    -ms-transition: color 0.3s ease;
    -o-transition: color 0.3s ease;
}

.honor-wrapper .info p {
    font-size: 12px;
}

.loading {
    margin-top: 60px;
    padding: 18px 0;
    background-color: #f9f9f9;
}

.loading a {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background-image: url(https://zhongkejianche.oss-cn-guangzhou.aliyuncs.com/renzheng/img/loading.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    display: block;
    margin: 0 auto;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.loading a:hover {
    box-shadow: 0 2px 30px rgba(74, 95, 177, 0.3);
}

.breadcrumb-box {
    font-size: 0;
    display: flex;
    display: -webkit-box;
    /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box;
    /* Firefox 17- */
    display: -webkit-flex;
    /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex;
    /* Firefox 18+ */
    display: -ms-flexbox;
    /* IE 10 */
    margin-top: 20px;
    align-items: center;
}

.breadcrumb-box a,
.breadcrumb-box span {
    display: inline-block;
    line-height: 24px;
    vertical-align: top;
}

.breadcrumb-box a,
.breadcrumb-box span {
    font-weight: 700;
    font-size: 12px;
}

.breadcrumb-box a {
    color: #bcbcbc;
    transition: color 0.3s ease;
    -webkit-transition: color 0.3s ease;
    -moz-transition: color 0.3s ease;
    -ms-transition: color 0.3s ease;
    -o-transition: color 0.3s ease;
}

.breadcrumb-box a:hover {
    color: #3d509f;
}

.breadcrumb-box span {
    color: #3d509f;
}

.breadcrumb-box img {
    display: inline-block;
    vertical-align: middle;
    margin: 0 12px;
}

.breadcrumb-box .home img {
    margin-left: 0;
    position: relative;
    top: -2px;
}

.service-wrapper .list ul {
    display: flex;
    display: -webkit-box;
    /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box;
    /* Firefox 17- */
    display: -webkit-flex;
    /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex;
    /* Firefox 18+ */
    display: -ms-flexbox;
    /* IE 10 */
    flex-flow: wrap;
}

.service-wrapper .list li {
    width: 285px;
    margin-top: 42px;
    margin-right: 20px;
    box-shadow: 6px 14px 24px 0px rgba(0, 0, 0, 0.08);
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.service-wrapper .list li:hover .pic img {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
}

.service-wrapper .list li:hover .name {
    color: #3d509f;
}

.service-wrapper .list li:hover .name:after {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
}

.service-wrapper .list li a {
    display: block;
}

.service-wrapper .pic img {
    height: 183px;
    object-fit: contain;
}

.service-wrapper .name {
    position: relative;
    font-size: 16px;
    color: #333;
    font-weight: 700;
    padding: 0 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 62px;
    transition: color 0.3s ease;
    -webkit-transition: color 0.3s ease;
    -moz-transition: color 0.3s ease;
    -ms-transition: color 0.3s ease;
    -o-transition: color 0.3s ease;
}

.service-wrapper .name:after {
    content: "";
    width: 100%;
    height: 2px;
    background-color: #3d509f;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
    transition: transform 0.3s ease;
    -webkit-transition: transform 0.3s ease;
    -moz-transition: transform 0.3s ease;
    -ms-transition: transform 0.3s ease;
    -o-transition: transform 0.3s ease;
    transform: scale(0);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
}

.serviceinfo-wrapper {
    padding-bottom: 0 !important;
}

.serviceinfo-wrapper .box-1 .item {
    width: 790px;
    margin-bottom: 40px;
}

.serviceinfo-wrapper .box-1 .item:last-child {
    margin-bottom: 26px;
}

.serviceinfo-wrapper .box-1 .caption {
    position: relative;
    margin-bottom: 16px;
}

.serviceinfo-wrapper .box-1 .caption:before {
    content: "";
    width: 100%;
    height: 2px;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: -1;
    background-color: #f3f3f3;
}

.serviceinfo-wrapper .box-1 .caption .hide {
    display: none;
}

.serviceinfo-wrapper .box-1 .caption span {
    position: relative;
    display: inline-block;
    font-size: 18px;
    color: #353535;
    font-weight: 700;
    line-height: 30px;
    padding-bottom: 14px;
}

.serviceinfo-wrapper .box-1 .caption span:before {
    content: "";
    width: 100%;
    height: 2px;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 0;
    background-color: #3d509f;
}

.serviceinfo-wrapper .box-1 .relative-box {
    width: 69%;
    position: relative;
    margin-top: 192px;
    margin-bottom: 192px;
}

.serviceinfo-wrapper .box-1 .relative-box p,
.serviceinfo-wrapper .box-1 .relative-box p a {
    font-size: 14px;
}

.serviceinfo-wrapper .box-1 .relative-box p {
    padding-right: 220px;
    line-height: 24px;
    display: flex;
    display: -webkit-box;
    /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box;
    /* Firefox 17- */
    display: -webkit-flex;
    /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex;
    /* Firefox 18+ */
    display: -ms-flexbox;
    /* IE 10 */
}

.serviceinfo-wrapper .box-1 .relative-box p a {
    display: inline-block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    max-width: 80%;
    transition: color 0.3s ease;
    -webkit-transition: color 0.3s ease;
    -moz-transition: color 0.3s ease;
    -ms-transition: color 0.3s ease;
    -o-transition: color 0.3s ease;
}

.serviceinfo-wrapper .box-1 .relative-box p:hover a {
    color: #3d509f;
}

.serviceinfo-wrapper .box-1 .relative-box .return {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
    display: block;
    width: 200px;
    line-height: 48px;
    font-weight: 700;
    color: #fff;
    padding: 0 10px;
    background-color: #3d509f;
    text-align: center;
    transition: background 0.3s ease;
    -webkit-transition: background 0.3s ease;
    -moz-transition: background 0.3s ease;
    -ms-transition: background 0.3s ease;
    -o-transition: background 0.3s ease;
}

.serviceinfo-wrapper .box-1 .relative-box .return:hover {
    background-color: #3d509f;
}

.serviceinfo-wrapper .box-1 .relative-box .return img {
    margin-left: 10px;
    vertical-align: middle;
}

.serviceinfo-wrapper .content {
    font-size: 14px;
    color: #797979;
    line-height: 26px;
    text-align: justify;
}

.serviceinfo-wrapper .box-2 {
    padding: 70px 0 90px;
    background-color: #f7f7f7;
}

.serviceinfo-wrapper .top {
    position: relative;
    margin-bottom: 48px;
}

.serviceinfo-wrapper .top .title {
    font-size: 18px;
    color: #3d509f;
    font-weight: 700;
    border-left: 4px solid #3d509f;
    padding-left: 18px;
    line-height: 20px;
}

.serviceinfo-wrapper .top a {
    display: inline-block;
    font-size: 12px;
    color: #999;
    font-weight: 700;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
    transition: color 0.3s ease;
    -webkit-transition: color 0.3s ease;
    -moz-transition: color 0.3s ease;
    -ms-transition: color 0.3s ease;
    -o-transition: color 0.3s ease;
}

.serviceinfo-wrapper .top a:hover {
    color: #3d509f;
}

.serviceinfo-wrapper .box-2 ul {
    display: flex;
    display: -webkit-box;
    /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box;
    /* Firefox 17- */
    display: -webkit-flex;
    /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex;
    /* Firefox 18+ */
    display: -ms-flexbox;
    /* IE 10 */
    flex-flow: wrap;
}

.serviceinfo-wrapper .box-2 ul li {
    text-align: center;
    width: 278px;
    margin-right: 29px;
    margin-top: 30px;
    background-color: #fff;
}

.serviceinfo-wrapper .box-2 ul li:nth-child(4n) {
    margin-right: 0;
}

.serviceinfo-wrapper .box-2 ul li:nth-child(-n+4) {
    margin-top: 0;
}

.serviceinfo-wrapper .box-2 ul li:hover .pic img {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
}

.serviceinfo-wrapper .box-2 ul li:hover .info:after {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
}

.serviceinfo-wrapper .box-2 ul li:hover .name {
    color: #3d509f;
}

.serviceinfo-wrapper .box-2 .pic img {
    height: 184px;
    object-fit: cover;
}

.serviceinfo-wrapper .box-2 .info {
    position: relative;
    line-height: 24px;
    text-align: center;
    padding: 24px 20px 28px;
}

.serviceinfo-wrapper .box-2 .info:after {
    content: "";
    width: 100%;
    height: 2px;
    background-color: #3d509f;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
    transition: transform 0.3s ease;
    -webkit-transition: transform 0.3s ease;
    -moz-transition: transform 0.3s ease;
    -ms-transition: transform 0.3s ease;
    -o-transition: transform 0.3s ease;
    transform: scale(0);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
}

.serviceinfo-wrapper .box-2 .name {
    font-size: 18px;
    color: #313131;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition: color 0.3s ease;
    -webkit-transition: color 0.3s ease;
    -moz-transition: color 0.3s ease;
    -ms-transition: color 0.3s ease;
    -o-transition: color 0.3s ease;
}

.serviceinfo-wrapper .box-2 .desc {
    font-size: 12px;
    line-height: 20px;
    color: #888;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    margin-top: 12px;
}

.solution-wrapper .box-1 {
    height: 380px;
}

.solution-wrapper .box-1 .box-div {
    float: left;
    width: 70%;
}

.solution-wrapper .box-1 .m-right {
    display: none;
}

.solution-wrapper .box-1 .right {
    left: 65%;
    position: absolute;
    width: 330px;
    z-index: 2;
}

.solution-wrapper .box-1 .right .right-nav {
    background: #f3f3f3;
}

.solution-wrapper .box-1 .right .right-nav .ntitle {
    background: #3d509f;
    color: #fff;
    text-align: center;
    font-size: 30px;
    padding: 15px;
    letter-spacing: 2px;
    border-bottom: 1px solid rgba(255, 255, 255, .1);
}

.solution-wrapper .box-1 .right .right-nav .ntitle .en {
    display: block;
    font-size: 14px;
    letter-spacing: 0;
    text-transform: uppercase;
}

.solution-wrapper .box-1 .right .right-nav ul, ol, li {
    list-style: none;
}

.solution-wrapper .box-1 .right .right-nav li a {
    display: block;
    border-bottom: 1px solid #e8e8e8;
    line-height: 50px;
    padding: 0 25px;
    font-size: 16px;
    position: relative;
}

.solution-wrapper .box-1 .right .right-nav li a span {
    position: relative;
    z-index: 2;
}

.solution-wrapper .box-1 .right .right-nav li a:after {
    width: 100%;
    height: 100%;
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    background: #3d509f;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0;
    transform-origin: 0;
    -webkit-transition: all .4s;
    transition: all .4s;
}

.solution-wrapper .box-1 .right .right-nav .cur {
    background: #3d509f;
}

.solution-wrapper .box-1 .right .right-nav li:hover a:after, .right-nav li.cur a:after {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}

.solution-wrapper .box-1 .right .right-nav li:hover a, .right-nav li.cur a {
    color: #fff
}

.solution-wrapper .box-1 .right .right-content {
    margin-top: 30px;
    background: #f3f3f3;
}

.solution-wrapper .box-1 .right .right-content .ntitle {
    background: #3d509f;
    color: #fff;
    text-align: center;
    font-size: 30px;
    padding: 15px;
    letter-spacing: 2px;
    border-bottom: 1px solid rgba(255, 255, 255, .1);
}

.solution-wrapper .box-1 .right .right-content .ntitle .en {
    display: block;
    font-size: 14px;
    letter-spacing: 0;
    text-transform: uppercase;
}

.solution-wrapper .box-1 .right .right-content ul, ol, li {
    list-style: none;
}

.solution-wrapper .box-1 .right .right-content ul {
    padding: 25px;
    padding-top: 0;
}

.solution-wrapper .box-1 .right .right-content li {
    display: block;
    color: #333333;
    font-size: 14px;
    border-bottom: 1px dashed #999999;
    line-height: 24px;
    padding: 25px 0;
}

.solution-wrapper .box-1 .right .right-content li p {
    white-space: nowrap;
}

.solution-wrapper .box-1 .right .right-content li .tel {
    font-size: 18px;
    font-weight: bold;
    margin: 10px 0;
    color: #3d509f;
}

.solution-wrapper .box-1 .toptit {
    margin-bottom: 30px;
    height: 45px;
    line-height: 45px;
    overflow: hidden;
    position: relative;
}

.solution-wrapper .box-1 .toptit:before {
    content: "";
    width: 100%;
    height: 70%;
    background: #f3f3f3;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
}

.solution-wrapper .box-1 .toptit h3 {
    font-size: 20px;
    display: inline-block;
    background: #3d509f;
    color: #fff;
    font-weight: bold;
    padding: 0 15px;
    position: relative;
}

.solution-wrapper .box-1 .toptit h3 span {
    position: relative;
    z-index: 2;
}

.solution-wrapper .box-1 .toptit h3:after {
    content: "";
    width: 0;
    height: 0;
    display: block;
    border-bottom: 45px solid #3d509f;
    border-right: 25px solid transparent;
    border-left: 25px solid transparent;
    position: absolute;
    right: -25px;
    top: 0;
}

.solution-wrapper .box-1 .serintro {

}

.solution-wrapper .box-1 .serintro p {
    line-height: 24px;
    font-size: 14px;
    color: #656565;
    text-align: justify;
}

.solution-wrapper .box-1 .serclassify {
    margin-bottom: 30px;
    margin-top: 30px;
}

.solution-wrapper .box-1 .serclassify h4 {
    font-size: 16px;
    color: #3d509f;
    margin-bottom: 10px;
    font-weight: bold;
}

.solution-wrapper .box-1 .serclassify h4 span {
    position: relative;
}

.solution-wrapper .box-1 .serclassify h4 span:after {
    content: "";
    width: 0;
    height: 0;
    display: block;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 8px solid #3d509f;
    position: absolute;
    right: -25px;
    top: 5px;
}

.solution-wrapper .box-1 .serclassify .clearfix {
    zoom: 1;
    height: 135px;
    overflow-y: auto
    /*clear: both;*/
}

.solution-wrapper .box-1 .serclassify .clearfix li {
    float: left;
    width: 31.33%;
    margin-right: 2%;
    margin-top: 0;
    margin-bottom: 2%;
    position: relative;
}

.solution-wrapper .box-1 .serclassify .clearfix li:before {
    content: "";
    width: 7px;
    height: 7px;
    background: #656565;
    position: absolute;
    left: 0;
    top: 6px;
}

.solution-wrapper .box-1 .serclassify .clearfix li a {
    display: block;
    padding-left: 18px;
}

.solution-wrapper .btn-box {
    font-size: 0;
}

.solution-wrapper .btn-box a {
    display: inline-block;
    width: 152px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    color: #fff;
    font-weight: 700;
    vertical-align: top;
    background-image: linear-gradient(-34deg, #3d509f 0%, #556ac0 100%), linear-gradient(#3d509f, #3d509f);
    background-blend-mode: normal, normal;
    margin-right: 46px;
    transition: box-shadow 0.3s ease;
    -webkit-transition: box-shadow 0.3s ease;
    -moz-transition: box-shadow 0.3s ease;
    -ms-transition: box-shadow 0.3s ease;
    -o-transition: box-shadow 0.3s ease;
}

.solution-wrapper .btn-box a:hover {
    box-shadow: 0 2px 30px rgba(0, 0, 0, 0.1);
}

.solution-wrapper .btn-box a:last-child {
    margin-right: 0;
}

.solution-wrapper .btn-box a:nth-child(2) {
    background-image: linear-gradient(0deg, #f28d23 0%, #fbb163 100%), linear-gradient(#3d509f, #3d509f);
    background-blend-mode: normal, normal;
}

.solution-wrapper .btn-box a img {
    width: 26px;
    vertical-align: middle;
    position: relative;
    top: -1px;
    margin-right: 12px;
}

.solution-wrapper .box-2 {
    height: 615px;
    /*background: url(https://zhongkejianche.oss-cn-guangzhou.aliyuncs.com//uploads/20230203/2ef2aecb2fbd40a5dc40cbb44ef1219d.jpg) no-repeat center center;*/
    /*background-size: cover;*/
    /*background-attachment: fixed;*/
}

.solution-wrapper .box-2 .box-div {
    float: left;
    width: 70%;
    position: relative
}

.solution-wrapper .box-2 .swiper-btn {
    display: inline-block;
    width: 36px;
    height: 36px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    z-index: 1;
    transition: background 0.3s ease;
    -webkit-transition: background 0.3s ease;
    -moz-transition: background 0.3s ease;
    -ms-transition: background 0.3s ease;
    -o-transition: background 0.3s ease;
}

.solution-wrapper .box-2 .prev {
    left: -54px;
    background-image: url(https://zhongkejianche.oss-cn-guangzhou.aliyuncs.com//uploads/20230203/5d315e351ac82ef6b8581ef7a0a622c0.png);
}

.solution-wrapper .box-2 .prev:hover {
    background-image: url(https://zhongkejianche.oss-cn-guangzhou.aliyuncs.com//uploads/20230203/7273b3996013e9e5e2e6cad5158efcb4.png);
}

.solution-wrapper .box-2 .next {
    right: -54px;
    background-image: url(https://zhongkejianche.oss-cn-guangzhou.aliyuncs.com//uploads/20230203/a1dbbce1b77325bbff8919110d937f89.png);
}

.solution-wrapper .box-2 .next:hover {
    background-image: url(https://zhongkejianche.oss-cn-guangzhou.aliyuncs.com//uploads/20230203/2f0a1d7ed9d43cf9efbfb04930779c00.png);
}

.solution-wrapper .box-2 .left {
    float: left;
    width: 100%;
    height: 550px;
    overflow-y: auto;
}

.solution-wrapper .box-2 .toptit {
    margin-bottom: 30px;
    height: 45px;
    line-height: 45px;
    overflow: hidden;
    position: relative;
}

.solution-wrapper .box-2 .toptit:before {
    content: "";
    width: 100%;
    height: 70%;
    background: #f3f3f3;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
}

.solution-wrapper .box-2 .toptit h3 {
    font-size: 20px;
    display: inline-block;
    background: #3d509f;
    color: #fff;
    font-weight: bold;
    padding: 0 15px;
    position: relative;
}

.solution-wrapper .box-2 .toptit h3:after {
    content: "";
    width: 0;
    height: 0;
    display: block;
    border-bottom: 45px solid #3d509f;
    border-right: 25px solid transparent;
    border-left: 25px solid transparent;
    position: absolute;
    right: -25px;
    top: 0;
}

.solution-wrapper .box-2 .toptit h3 span {
    position: relative;
    z-index: 2;
}

.solution-wrapper .box-2 .left ul, ol, li {
    list-style: none;
}

.solution-wrapper .box-2 .left .clearfix {
    background: #f3f3f3;
    padding: 20px;
    margin-bottom: 25px;
    zoom: 1;
    clear: both;
}

.solution-wrapper .box-2 .box-container .leftvh {
    height: 70vh
}

.solution-wrapper .box-2 .left .clearfix a {
    text-decoration: none;
    outline: none;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    transition: .5s;
    color: #333;
}

.solution-wrapper .box-2 .left .clearfix a .pic {
    width: 25%;
    overflow: hidden;
    float: left;
    position: relative;
}

.solution-wrapper .box-2 .left .clearfix a .pic img {
    position: relative;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    max-width: 100%;
    -webkit-transition: .8s;
    -moz-transition: .8s;
    transition: .8s;
}

.solution-wrapper .box-2 .left .clearfix a .txt {
    width: 71%;
    float: right;
}

.solution-wrapper .box-2 .left .clearfix a .txt h3 {
    font-size: 16px;
    font-weight: bold;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-bottom: 10px;
}

.solution-wrapper .box-2 .left .clearfix a .txt .intro {
    color: #656565;
    font-size: 13px;
    line-height: 22px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 10px;
    position: relative;
}

.solution-wrapper .box-2 .left .clearfix a .txt .more {
    font-size: 12px;
    color: #333;
    line-height: 20px;
    position: relative;
    overflow: hidden;
    display: inline-block;
}

.solution-wrapper .box-2 .left .clearfix a .txt .more:after {
    content: "";
    width: 100%;
    height: 1px;
    background: #333;
    position: absolute;
    left: 0;
    bottom: 0
}

.solution-wrapper .box-2 .left .clearfix a .txt .more:before {
    content: "";
    width: 100%;
    height: 1px;
    background: #3d509f;
    position: absolute;
    left: -100%;
    bottom: 0;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    transition: .5s
}

.solution-wrapper .box-2 .left .clearfix a:hover .more {
    color: #3d509f
}

.solution-wrapper .box-2 .left .clearfix a:hover .more:before {
    left: 0
}

.solution-wrapper .box-2 .left .clearfix a:hover .more:after {
    left: -100%
}

.solution-wrapper .box-2 .left .clearfix a:hover .pic img {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    transform: scale(1.05)
}

.solution-wrapper .cat-box {
    position: relative;
    margin-bottom: 84px;
}

.solution-wrapper .cat-box:before {
    content: "";
    display: block;
    width: 100%;
    height: 3px;
    background-color: #c3ced8;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 0;
}

.solution-wrapper .cat-box .swiper-btn {
    display: none;
}

.solution-wrapper .cat-swiper {
    padding-left: 40px;
}

.solution-wrapper .cat-swiper .swiper-slide {
    position: relative;
    cursor: pointer;
    width: auto;
    color: #585858;
    padding-bottom: 25px;
    line-height: 24px;
    transition: color 0.3s ease;
    -webkit-transition: color 0.3s ease;
    -moz-transition: color 0.3s ease;
    -ms-transition: color 0.3s ease;
    -o-transition: color 0.3s ease;
}

.solution-wrapper .cat-swiper .swiper-slide:before {
    content: "";
    display: block;
    width: 100%;
    height: 3px;
    background-color: #3d509f;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
    transform: scale(0);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transition: transform 0.3s ease;
    -webkit-transition: transform 0.3s ease;
    -moz-transition: transform 0.3s ease;
    -ms-transition: transform 0.3s ease;
    -o-transition: transform 0.3s ease;
}

.solution-wrapper .cat-swiper .swiper-slide.active {
    color: #3d509f;
    font-weight: 700;
}

.solution-wrapper .cat-swiper .swiper-slide.active:before {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
}

.solution-wrapper .item {
    display: none;
}

.solution-wrapper .item.on {
    display: block;
}

.solution-wrapper .item .swiper-slide {
    width: 278px;
    background-color: #fff;
}

.solution-wrapper .item .swiper-slide:hover .pic img {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
}

.solution-wrapper .item .swiper-slide:hover .info:after {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
}

.solution-wrapper .item .swiper-slide:hover .name {
    color: #3d509f;
}

.solution-wrapper .item .pic img {
    height: 184px;
    object-fit: cover;
}

.solution-wrapper .item .info {
    position: relative;
    line-height: 24px;
    text-align: center;
    padding: 24px 20px 28px;
}

.solution-wrapper .item .info:after {
    content: "";
    width: 100%;
    height: 2px;
    background-color: #3d509f;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
    transition: transform 0.3s ease;
    -webkit-transition: transform 0.3s ease;
    -moz-transition: transform 0.3s ease;
    -ms-transition: transform 0.3s ease;
    -o-transition: transform 0.3s ease;
    transform: scale(0);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
}

.solution-wrapper .item .name {
    font-size: 18px;
    color: #313131;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition: color 0.3s ease;
    -webkit-transition: color 0.3s ease;
    -moz-transition: color 0.3s ease;
    -ms-transition: color 0.3s ease;
    -o-transition: color 0.3s ease;
}

.solution-wrapper .item .desc {
    font-size: 12px;
    line-height: 20px;
    color: #888;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    margin-top: 12px;
}

.solution-wrapper .box-3 {
    margin-top: 72px;
}

.solution-wrapper .box-3 ul {
    display: flex;
    display: -webkit-box;
    /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box;
    /* Firefox 17- */
    display: -webkit-flex;
    /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex;
    /* Firefox 18+ */
    display: -ms-flexbox;
    /* IE 10 */
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    flex-flow: wrap;
}

.solution-wrapper .box-3 ul li {
    width: 550px;
    margin-top: 42px;
}

.solution-wrapper .box-3 ul li:nth-child(-n+2) {
    margin-top: 0;
}

.solution-wrapper .box-3 ul li:hover .pic img {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
}

.solution-wrapper .box-3 ul li:hover .title {
    color: #3d509f;
}

.solution-wrapper .box-3 ul li:hover .more {
    background-image: url(https://zhongkejianche.oss-cn-guangzhou.aliyuncs.com/renzheng/img/more3.png);
}

.solution-wrapper .box-3 ul li a {
    display: flex;
    display: -webkit-box;
    /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box;
    /* Firefox 17- */
    display: -webkit-flex;
    /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex;
    /* Firefox 18+ */
    display: -ms-flexbox;
    /* IE 10 */
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    align-items: center;
}

.solution-wrapper .box-3 .pic {
    width: 300px;
}

.solution-wrapper .box-3 .info {
    width: 218px;
}

.solution-wrapper .box-3 .title {
    font-size: 18px;
    color: #313131;
    line-height: 28px;
    transition: color 0.3s ease;
    -webkit-transition: color 0.3s ease;
    -moz-transition: color 0.3s ease;
    -ms-transition: color 0.3s ease;
    -o-transition: color 0.3s ease;
}

.solution-wrapper .box-3 .desc {
    font-size: 12px;
    color: #888;
    line-height: 24px;
    max-height: 72px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-align: justify;
    margin: 8px auto 18px;
}

.solution-wrapper .box-3 .more {
    width: 32px;
    height: 32px;
    background-image: url(https://zhongkejianche.oss-cn-guangzhou.aliyuncs.com/renzheng/img/more2.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    transition: background 0.3s ease;
    -webkit-transition: background 0.3s ease;
    -moz-transition: background 0.3s ease;
    -ms-transition: background 0.3s ease;
    -o-transition: background 0.3s ease;
}

.news .right {
    margin-left: 60px;
    width: 400px;
}

.news .right .index-title-box {
    margin-bottom: 20px;
}

.news .right .index-title-box h3,
.news .right .index-title-box p {
    color: #3d509f;
}

.news .inner-1,
.news .inner-2 {
    padding: 38px 36px;
}

.news .inner-1 {
    padding-bottom: 12px;
    background-color: #f9f9f9;
}

.news .inner-1 li {
    position: relative;
    margin-bottom: 40px;
}

.news .inner-1 li:hover .pic img {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
}

.news .inner-1 li:hover .name {
    color: #3d509f;
    font-weight: 700;
}

.news .inner-1 li:hover .more {
    background-image: url(https://zhongkejianche.oss-cn-guangzhou.aliyuncs.com/renzheng/img/more3.png);
}

.news .inner-1 .title {
    position: relative;
    font-size: 24px;
    font-weight: 700;
    padding-bottom: 20px;
    line-height: 30px;
    margin-bottom: 40px;
}

.news .inner-1 .title:after {
    content: "";
    height: 4px;
    width: 44px;
    background-color: #3d509f;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 0;
}

.news .inner-1 .name {
    margin-top: 24px;
    font-size: 16px;
    line-height: 30px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.news .inner-1 .date {
    color: #999;
    font-family: "mb";
    line-height: 32px;
    margin-top: 10px;
}

.news .inner-1 .more {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 1;
    width: 32px;
    height: 32px;
    background-image: url(https://zhongkejianche.oss-cn-guangzhou.aliyuncs.com/renzheng/img/more2.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    transition: background 0.3s ease;
    -webkit-transition: background 0.3s ease;
    -moz-transition: background 0.3s ease;
    -ms-transition: background 0.3s ease;
    -o-transition: background 0.3s ease;
}

.news .inner-2 {
    position: relative;
    margin-top: 12px;
    padding-bottom: 43px;
    background: url(https://zhongkejianche.oss-cn-guangzhou.aliyuncs.com/renzheng/img/newsinfo3.jpg) no-repeat center center;
    background-size: cover;
}

.news .inner-2 .title {
    font-size: 20px;
    font-weight: 700;
    line-height: 26px;
}

.news .inner-2 .brief {
    font-size: 18px;
    line-height: 26px;
    margin-top: 4px;
}

.news .inner-2 .detail {
    position: absolute;
    right: 40px;
    top: 35px;
    z-index: 1;
    cursor: pointer;
    width: 40px;
    height: 40px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(https://zhongkejianche.oss-cn-guangzhou.aliyuncs.com/renzheng/img/icon-down.png);
}

.news .inner-2 .detail:hover .list {
    display: block;
}

.news .inner-2 .list {
    display: none;
    position: absolute;
    right: 0;
    bottom: 100%;
    z-index: 1;
    width: 300px;
    height: 200px;
    background-color: #fff;
    border: 1px solid #eee;
    padding-top: 16px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.news .inner-2 .list .box {
    width: 100%;
    padding: 0 24px 34px;
    display: flex;
    display: -webkit-box;
    /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box;
    /* Firefox 17- */
    display: -webkit-flex;
    /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex;
    /* Firefox 18+ */
    display: -ms-flexbox;
    /* IE 10 */
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    flex-flow: wrap;
    max-height: 140px;
    overflow-y: auto;
}

.news .inner-2 .list .box::-webkit-scrollbar {
    width: 4px;
    background-color: #bcc5eb;
}

.news .inner-2 .list .box::-webkit-scrollbar-thumb {
    background-color: #3d509f;
}

.news .inner-2 .list a {
    color: #767676;
    text-align: center;
    width: 120px;
    height: 34px;
    line-height: 34px;
    transition: color 0.3s ease;
    -webkit-transition: color 0.3s ease;
    -moz-transition: color 0.3s ease;
    -ms-transition: color 0.3s ease;
    -o-transition: color 0.3s ease;
    margin-right: 6px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0 2px;
    margin-bottom: 2px;
}

.news .inner-2 .list a:nth-child(-n+2) {
    margin-top: 0;
}

.news .inner-2 .list a:nth-child(even) {
    margin-right: 0;
}

.news .inner-2 .list a:hover {
    color: #fff;
    background-color: #3d509f;
}

.news .right .right-nav {
    background: #f3f3f3;
}

.news .right .right-nav .ntitle {
    background: #3d509f;
    color: #fff;
    text-align: center;
    font-size: 30px;
    padding: 15px;
    letter-spacing: 2px;
    border-bottom: 1px solid rgba(255, 255, 255, .1);
}

.news .right .right-nav .ntitle .en {
    display: block;
    font-size: 14px;
    letter-spacing: 0;
    text-transform: uppercase;
}

.news .right .right-nav li .cur {
    background: #3d509f;
}

.news .right .right-nav li a {
    display: block;
    border-bottom: 1px solid #e8e8e8;
    line-height: 50px;
    padding: 0 25px;
    font-size: 16px;
    position: relative;
}

.news .right .right-nav li a:after {
    width: 100%;
    height: 100%;
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    background: #3d509f;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0;
    transform-origin: 0;
    -webkit-transition: all .4s;
    transition: all .4s;
}

.news .right .right-nav li:hover a:after, .right-nav li.cur a:after {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}

.news .right .right-nav li:hover a, .right-nav li.cur a {
    color: #fff
}

.news .right .right-nav li a span {
    position: relative;
    z-index: 2;
}

.news .right .right-content {
    margin-top: 30px;
    background: #f3f3f3;
}

.news .right .right-content .ntitle {
    background: #3d509f;
    color: #fff;
    text-align: center;
    font-size: 30px;
    padding: 15px;
    letter-spacing: 2px;
    border-bottom: 1px solid rgba(255, 255, 255, .1);
}

.news .right .right-content .ntitle .en {
    display: block;
    font-size: 14px;
    letter-spacing: 0;
    text-transform: uppercase;
}

.news .right .right-content ul {
    padding: 25px;
    padding-top: 0;
}

.news .right .right-content ul li {
    display: block;
    color: #333333;
    font-size: 14px;
    border-bottom: 1px dashed #999999;
    line-height: 24px;
    padding: 25px 0;
}

.news .right .right-content ul li .tel {
    font-size: 18px;
    font-weight: bold;
    margin: 10px 0;
    color: #3d509f;
}

.news .right .right-content ul li p {
    white-space: nowrap;
}

.news-wrapper .main {
    display: flex;
    display: -webkit-box;
    /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box;
    /* Firefox 17- */
    display: -webkit-flex;
    /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex;
    /* Firefox 18+ */
    display: -ms-flexbox;
    /* IE 10 */
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.news-wrapper .left {
    width: 740px;
}

.news-wrapper .left li {
    position: relative;
    display: flex;
    display: -webkit-box;
    /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box;
    /* Firefox 17- */
    display: -webkit-flex;
    /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex;
    /* Firefox 18+ */
    display: -ms-flexbox;
    /* IE 10 */
    padding: 25px 30px 32px 0;
    align-items: center;
    background-color: #f9f9f9;
    margin-top: 30px;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.news-wrapper .left li:hover {
    background-color: #fff;
    box-shadow: 3px 7px 18px 0px rgba(53, 69, 134, 0.13);
    padding-right: 120px;
}

.news-wrapper .left li:hover .name {
    color: #3d509f;
    font-weight: 700;
}

.news-wrapper .left li:hover .more {
    opacity: 1;
    visibility: visible;
}

.news-wrapper .left li .date {
    width: 112px;
    margin-right: 12px;
    text-align: center;
}

.news-wrapper .left li .date .day {
    font-size: 40px;
    line-height: 40px;
    font-family: "mb";
}

.news-wrapper .left li .date p {
    color: #666;
    line-height: 20px;
    margin-top: 10px;
}

.news-wrapper .left li .info {
    flex: 1;
    overflow: hidden;
}

.news-wrapper .left li .name {
    font-size: 16px;
    color: #333;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    margin-bottom: 15px;
    transition: color 0.3s ease;
    -webkit-transition: color 0.3s ease;
    -moz-transition: color 0.3s ease;
    -ms-transition: color 0.3s ease;
    -o-transition: color 0.3s ease;
}

.news-wrapper .left li .desc {
    color: #999;
    line-height: 24px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    height: 48px;
}

.news-wrapper .left li .more {
    width: 70px;
    height: 100%;
    background-color: #3d509f;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
    background-image: url(https://zhongkejianche.oss-cn-guangzhou.aliyuncs.com/renzheng/img/eye2.png);
    background-position: center center;
    background-repeat: no-repeat;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease;
    -webkit-transition: opacity 0.3s ease;
    -moz-transition: opacity 0.3s ease;
    -ms-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
}

.news-wrapper .first-news:hover .name {
    color: #3d509f;
}

.news-wrapper .first-news:hover .pic img {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
}

.news-wrapper .first-news:hover .index-more {
    background-image: url(https://zhongkejianche.oss-cn-guangzhou.aliyuncs.com/renzheng/img/more3.png);
}

.news-wrapper .first-news a {
    display: flex;
    display: -webkit-box;
    /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box;
    /* Firefox 17- */
    display: -webkit-flex;
    /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex;
    /* Firefox 18+ */
    display: -ms-flexbox;
    /* IE 10 */
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    align-items: center;
}

.news-wrapper .first-news .info {
    width: 300px;
}

.news-wrapper .first-news .pic {
    width: 400px;
}

.news-wrapper .first-news .date {
    font-family: "mb";
    font-size: 20px;
}

.news-wrapper .first-news .date span {
    font-size: 14px;
    margin-left: 8px;
    color: #666;
    font-family: Arial;
}

.news-wrapper .first-news .name {
    font-size: 16px;
    line-height: 30px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    font-weight: 700;
    margin-top: 18px;
}

.news-wrapper .first-news .desc {
    color: #999;
    line-height: 24px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    margin: 14px auto 50px;
}

.newsinfo-wrapper .w1365 {
    display: flex;
    display: -webkit-box;
    /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box;
    /* Firefox 17- */
    display: -webkit-flex;
    /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex;
    /* Firefox 18+ */
    display: -ms-flexbox;
    /* IE 10 */
}

.newsinfo-wrapper .left {
    width: 60.36%;
}

.newsinfo-wrapper .top {
    position: relative;
    /*padding-right: 180px;*/
}

.newsinfo-wrapper .top h2 {
    font-size: 30px;
    font-weight: 700;
    line-height: 40px;
}

.newsinfo-wrapper .other {
    font-size: 0;
    margin: 10px auto 25px;
}

.newsinfo-wrapper .other span {
    font-size: 14px;
    color: #ccc;
    line-height: 24px;
    font-family: "mb";
    margin-right: 18px;
}

.newsinfo-wrapper .other span:last-child {
    margin-right: 0;
}

.newsinfo-wrapper .other img {
    margin-right: 8px;
    vertical-align: middle;
}

.newsinfo-wrapper .share {
    font-size: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
}

.newsinfo-wrapper .share a {
    display: inline-block;
    width: 36px;
    height: 36px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    margin-right: 15px;
    transition: background 0.3s ease;
    -webkit-transition: background 0.3s ease;
    -moz-transition: background 0.3s ease;
    -ms-transition: background 0.3s ease;
    -o-transition: background 0.3s ease;
}

.newsinfo-wrapper .share a:last-child {
    margin-right: 0;
}

.newsinfo-wrapper .share .wechat {
    background-image: url(https://zhongkejianche.oss-cn-guangzhou.aliyuncs.com/renzheng/img/ni-wechat.png);
}

.newsinfo-wrapper .share .wechat:hover {
    background-image: url(https://zhongkejianche.oss-cn-guangzhou.aliyuncs.com/renzheng/img/ni-wechat2.png);
}

.newsinfo-wrapper .share .weibo {
    background-image: url(https://zhongkejianche.oss-cn-guangzhou.aliyuncs.com/renzheng/img/ni-weibo.png);
}

.newsinfo-wrapper .share .weibo:hover {
    background-image: url(https://zhongkejianche.oss-cn-guangzhou.aliyuncs.com/renzheng/img/ni-weibo2.png);
}

.newsinfo-wrapper .share .qq {
    background-image: url(https://zhongkejianche.oss-cn-guangzhou.aliyuncs.com/renzheng/img/ni-qq.png);
}

.newsinfo-wrapper .share .qq:hover {
    background-image: url(https://zhongkejianche.oss-cn-guangzhou.aliyuncs.com/renzheng/img/ni-qq2.png);
}

.newsinfo-wrapper .content {
    color: #666;
    line-height: 32px;
    text-align: justify;
}

.newsinfo-wrapper .content img,
.newsinfo-wrapper .content input[type="image"] {
    max-width: 100%;
    height: auto !important;
    display: block;
    margin: 0 auto;
}

.newsinfo-wrapper .relative-box {
    position: relative;
    margin-top: 192px;
}

.newsinfo-wrapper .relative-box p,
.newsinfo-wrapper .relative-box p a {
    font-size: 14px;
}

.newsinfo-wrapper .relative-box p {
    padding-right: 220px;
    line-height: 24px;
    display: flex;
    display: -webkit-box;
    /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box;
    /* Firefox 17- */
    display: -webkit-flex;
    /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex;
    /* Firefox 18+ */
    display: -ms-flexbox;
    /* IE 10 */
}

.newsinfo-wrapper .relative-box p a {
    display: inline-block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    max-width: 80%;
    transition: color 0.3s ease;
    -webkit-transition: color 0.3s ease;
    -moz-transition: color 0.3s ease;
    -ms-transition: color 0.3s ease;
    -o-transition: color 0.3s ease;
}

.newsinfo-wrapper .relative-box p:hover a {
    color: #3d509f;
}

.newsinfo-wrapper .relative-box .return {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
    display: block;
    width: 200px;
    line-height: 48px;
    font-weight: 700;
    color: #fff;
    padding: 0 10px;
    background-color: #3d509f;
    text-align: center;
    transition: background 0.3s ease;
    -webkit-transition: background 0.3s ease;
    -moz-transition: background 0.3s ease;
    -ms-transition: background 0.3s ease;
    -o-transition: background 0.3s ease;
}

.newsinfo-wrapper .relative-box .return:hover {
    background-color: #3d509f;
}

.newsinfo-wrapper .relative-box .return img {
    margin-left: 10px;
    vertical-align: middle;
}

.page-caption {
    font-size: 32px;
    font-weight: 700;
    line-height: 36px;
    text-align: center;
    margin-bottom: 46px;
}

.job-wrapper .left {
    width: 780px;
}

.job-wrapper .left ul li {
    position: relative;
    cursor: pointer;
    background: #fafafa;
    border-top: 4px solid #ececec;
    margin-bottom: 20px;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.job-wrapper .left ul li:hover,
.job-wrapper .left ul li.on {
    border-color: #f1ebe1;
}

.job-wrapper .left ul li:hover .name,
.job-wrapper .left ul li.on .name {
    color: #3d509f;
}

.job-wrapper .left ul li .top {
    padding: 30px 170px 42px 32px;
}

.job-wrapper .left ul li .name {
    font-size: 22px;
    color: #252525;
    font-weight: 700;
    font-family: "Microsoft JhengHei";
    line-height: 30px;
    transition: color 0.3s ease;
    -webkit-transition: color 0.3s ease;
    -moz-transition: color 0.3s ease;
    -ms-transition: color 0.3s ease;
    -o-transition: color 0.3s ease;
}

.job-wrapper .left ul li .desc {
    font-size: 0;
    line-height: 30px;
    margin-top: 6px;
}

.job-wrapper .left ul li .desc span {
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    color: #969696;
    font-weight: 700;
    margin-right: 54px;
}

.job-wrapper .left ul li .desc span:last-child {
    margin-right: 0;
}

.job-wrapper .left ul li .btn {
    display: block;
    width: 105px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    font-weight: 700;
    background: linear-gradient(#3d509f, #3d509f);
    border-radius: 5px;
    position: absolute;
    right: 48px;
    bottom: 40px;
    z-index: 10;
    transition: box-shadow 0.3s ease;
    -webkit-transition: box-shadow 0.3s ease;
    -moz-transition: box-shadow 0.3s ease;
    -ms-transition: box-shadow 0.3s ease;
    -o-transition: box-shadow 0.3s ease;
}

.job-wrapper .left ul li .btn:hover {
    box-shadow: 0 2px 30px rgba(0, 0, 0, 0.1);
}

.job-wrapper .left ul li .hide-box {
    display: none;
    line-height: 24px;
    margin-top: -16px;
    padding: 0 114px 40px 32px;
}

.job-wrapper .left ul li .caption {
    font-size: 14px;
    color: #252525;
    font-weight: 700;
}

.job-wrapper .left ul li .content {
    font-size: 14px;
    color: #999;
    line-height: 24px;
    margin-bottom: 24px;
}

.job-wrapper .left ul li .btn-group {
    font-size: 0;
    margin-top: 36px;
}

.job-wrapper .left ul li .btn-group a {
    display: inline-block;
    width: 150px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    border-radius: 25px;
}

.job-wrapper .left ul li .btn-group .send {
    background-image: linear-gradient(-34deg, #3d509f 0%, #556ac0 100%), linear-gradient(#000000, #000000);
    background-blend-mode: normal, normal;
}

.job-wrapper .left ul li .btn-group .send:hover {
    background: #3d509f;
}

.job-wrapper .left ul li .btn-group .cancel {
    background: #dedede;
    margin-left: 20px;
}

.job-wrapper .right {
    width: 380px;
}

.job-wrapper .pic-box {
    position: relative;
    overflow: hidden;
}

.job-wrapper .pic-box img {
    display: block;
    width: 100%;
}

.job-wrapper .pic-box .info {
    width: 100%;
    padding: 52px 40px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    line-height: 36px;
}

.job-wrapper .pic-box .name,
.job-wrapper .pic-box .desc {
    font-size: 30px;
}

.job-wrapper .pic-box .name {
    color: #3d509f;
}

.job-wrapper .pic-box .desc {
    font-weight: 700;
    color: #fff;
    margin-top: 16px;
}

.job-wrapper .form {
    position: relative;
    z-index: 20;
    background: #f3f3f3;
    padding: 40px 35px 60px 44px;
}

.job-wrapper .form .group {
    position: relative;
    margin-bottom: 30px;
}

.job-wrapper .form .group:last-child {
    margin-bottom: 0;
}

.job-wrapper .form .ctitle {
    font-size: 14px;
    color: #3d509f;
    line-height: 24px;
    font-weight: 700;
    margin-bottom: 18px;
}

.job-wrapper .form .caption {
    position: relative;
    cursor: pointer;
    height: 50px;
    line-height: 50px;
    padding: 0 34px 0 20px;
    font-size: 14px;
    color: #a4a4a4;
    background: #fff;
}

.job-wrapper .form .caption.on:after {
    transform: rotateX(180deg);
    -webkit-transform: rotateX(180deg);
    -moz-transform: rotateX(180deg);
    -ms-transform: rotateX(180deg);
    -o-transform: rotateX(180deg);
}

.job-wrapper .form .caption:after {
    content: "";
    display: block;
    width: 8px;
    height: 100%;
    background: url(https://zhongkejianche.oss-cn-guangzhou.aliyuncs.com/renzheng/img/down2.png) no-repeat left center;
    background-size: contain;
    position: absolute;
    right: 20px;
    top: 0;
    z-index: 10;
}

.job-wrapper .form .list {
    width: 100%;
    position: absolute;
    left: 0;
    top: 100%;
    z-index: 12;
    background: #fff;
    max-height: 250px;
    overflow-y: auto;
    display: none;
    border: 1px solid #f7f8f9;
}

.job-wrapper .form .list a {
    display: block;
    font-size: 14px;
    color: #a4a4a4;
    line-height: 50px;
    padding: 0 20px;
    border-bottom: 1px solid #f7f8f9;
}

.job-wrapper .form .list a:hover,
.job-wrapper .form .list a.on {
    color: #3d509f;
}

.job-wrapper .form .list a:last-child {
    border-bottom: none;
}

.job-wrapper .box-1 .page-caption {
    color: #fff;
}

.job-wrapper .box-1 .main {
    padding: 76px 60px;
    background: url(https://zhongkejianche.oss-cn-guangzhou.aliyuncs.com/renzheng/img/jobbg.jpg) no-repeat center center;
    background-size: cover;
    background-attachment: fixed;
}

.job-wrapper .box-1 .main ul {
    display: flex;
    display: -webkit-box;
    /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box;
    /* Firefox 17- */
    display: -webkit-flex;
    /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex;
    /* Firefox 18+ */
    display: -ms-flexbox;
    /* IE 10 */
}

.job-wrapper .box-1 .main li {
    width: 236px;
    margin-right: 45px;
    text-align: center;
    padding: 65px 20px 50px;
    background-color: rgba(255, 255, 255, 0.93);
    transition: background 0.3s ease;
    -webkit-transition: background 0.3s ease;
    -moz-transition: background 0.3s ease;
    -ms-transition: background 0.3s ease;
    -o-transition: background 0.3s ease;
}

.job-wrapper .box-1 .main li:last-child {
    margin-right: 0;
}

.job-wrapper .box-1 .main li:nth-child(2) .icon:before {
    transform: rotate(90deg);
}

.job-wrapper .box-1 .main li:nth-child(3) .icon:before {
    transform: rotate(180deg);
}

.job-wrapper .box-1 .main li:nth-child(4) .icon:before {
    transform: rotate(-90deg);
}

.job-wrapper .box-1 .main li:hover {
    background-color: rgba(61, 80, 159, 0.93);
}

.job-wrapper .box-1 .main li:hover .name,
.job-wrapper .box-1 .main li:hover .icon,
.job-wrapper .box-1 .main li:hover p {
    color: #fff;
}

.job-wrapper .box-1 .main li:hover .icon:before {
    background-image: url(https://zhongkejianche.oss-cn-guangzhou.aliyuncs.com/renzheng/img/circle2.png);
}

.job-wrapper .box-1 .icon {
    position: relative;
    width: 95px;
    height: 95px;
    line-height: 95px;
    margin: 22px auto 16px;
    font-size: 50px;
    color: #3d509f;
    font-family: "light_cn";
}

.job-wrapper .box-1 .icon:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-image: url(https://zhongkejianche.oss-cn-guangzhou.aliyuncs.com/renzheng/img/circle.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    transition: transform 0.3s ease;
    -webkit-transition: transform 0.3s ease;
    -moz-transition: transform 0.3s ease;
    -ms-transition: transform 0.3s ease;
    -o-transition: transform 0.3s ease;
}

.job-wrapper .box-1 .name {
    font-size: 24px;
    font-weight: 700;
    line-height: 36px;
}

.job-wrapper .box-1 p {
    font-size: 16px;
    line-height: 30px;
}

.job-wrapper .box-2 {
    margin-top: 90px;
}

.job-wrapper .box-2 .page-caption {
    color: #3d509f;
}

.job-wrapper .box-2 .main {
    display: flex;
    display: -webkit-box;
    /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box;
    /* Firefox 17- */
    display: -webkit-flex;
    /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex;
    /* Firefox 18+ */
    display: -ms-flexbox;
    /* IE 10 */
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    flex-flow: wrap;
}

.job-wrapper .box-2 .brief {
    color: #666;
    line-height: 24px;
    margin-bottom: 50px;
}

.expert-wrapper .box-1 .main {
    display: flex;
    display: -webkit-box;
    /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box;
    /* Firefox 17- */
    display: -webkit-flex;
    /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex;
    /* Firefox 18+ */
    display: -ms-flexbox;
    /* IE 10 */
    flex-flow: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.expert-wrapper .page-caption {
    width: 100%;
}

.expert-wrapper .info {
    width: 670px;
    color: #666;
    line-height: 36px;
    text-align: justify;
}

.expert-wrapper .info .caption {
    font-size: 18px;
    color: #333;
    font-weight: 700;
    line-height: 30px;
}

.expert-wrapper .pic {
    width: 490px;
}

.expert-wrapper .pic:hover img {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
}

.expert-wrapper .box-2 {
    margin-top: 52px;
}

.expert-wrapper .box-2 .title {
    font-size: 18px;
    line-height: 74px;
    font-weight: 700;
    color: #004098;
    width: 100%;
    background-color: #e6edf1;
}

.expert-wrapper .form {
    background-color: #fbfcfd;
    padding-bottom: 64px;
}

.expert-wrapper .group {
    display: flex;
    display: -webkit-box;
    /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box;
    /* Firefox 17- */
    display: -webkit-flex;
    /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex;
    /* Firefox 18+ */
    display: -ms-flexbox;
    /* IE 10 */
    align-items: center;
    width: 100%;
    margin-bottom: 30px;
}

.expert-wrapper .group.max {
    width: 100%;
}

.expert-wrapper .group:last-child {
    margin-bottom: 0;
}

.expert-wrapper label {
    width: 166px;
    font-size: 16px;
    line-height: 20px;
    color: #424242;
    padding-right: 15px;
}

.expert-wrapper label span {
    display: inline-block;
    font-size: 16px;
    color: #e70012;
    margin-left: 3px;
    vertical-align: middle;
}

.expert-wrapper .section,
.expert-wrapper .title,
.expert-wrapper .tips {
    padding-left: 108px;
    padding-right: 108px;
}

.expert-wrapper .section {
    display: flex;
    display: -webkit-box;
    /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box;
    /* Firefox 17- */
    display: -webkit-flex;
    /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex;
    /* Firefox 18+ */
    display: -ms-flexbox;
    /* IE 10 */
    flex-flow: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding-top: 44px;
    padding-bottom: 24px;
}

.expert-wrapper .section:nth-child(2) .group {
    width: 430px;
    margin-bottom: 20px;
}

.expert-wrapper .section:nth-child(2) label {
    width: 94px;
}

.expert-wrapper .text {
    flex: 1;
    overflow: hidden;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    background-color: #fff;
    border: solid 1px #dcdcdc;
    padding: 0 20px;
    color: #666;
}

.expert-wrapper .msg {
    display: block;
}

.expert-wrapper .msg textarea {
    width: 100%;
    height: 203px;
    padding: 15px 20px;
    background-color: #f5f5f5;
    resize: none;
    margin-top: 15px;
}

.expert-wrapper .tips {
    color: #666;
    font-weight: 700;
    line-height: 26px;
    margin-bottom: 40px;
}

.expert-wrapper .tips a {
    font-size: 24px;
    font-family: Arial;
    color: #3d509f;
    font-weight: 500;
}

.expert-wrapper .tips a:hover {
    text-decoration: underline;
}

.expert-wrapper .submit {
    display: block;
    margin: 0 auto;
    width: 153px;
    height: 50px;
    line-height: 50px;
    background-color: #3d509f;
    text-align: center;
    color: #fff;
    font-weight: 700;
    transition: background 0.3s ease;
    -webkit-transition: background 0.3s ease;
    -moz-transition: background 0.3s ease;
    -ms-transition: background 0.3s ease;
    -o-transition: background 0.3s ease;
}

.expert-wrapper .submit:hover {
    background-color: #3d509f;
}

.contact-wrapper {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.contact-wrapper .box-1 {
    padding-top: 100px;
}

.contact-wrapper .box-1 .box-container {
    display: flex;
    display: -webkit-box;
    /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box;
    /* Firefox 17- */
    display: -webkit-flex;
    /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex;
    /* Firefox 18+ */
    display: -ms-flexbox;
    /* IE 10 */
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.contact-wrapper .contact {
    width: 370px;
}

.contact-wrapper .contact a {
    display: inline-block;
}

.contact-wrapper .contact .tel {
    font-size: 36px;
    color: #3d509f;
    font-family: "mb";
    line-height: 36px;
    margin-bottom: 30px;
}

.contact-wrapper .contact .desc,
.contact-wrapper .contact .email {
    font-size: 18px;
    color: #48413e;
    line-height: 26px;
    margin-bottom: 30px;
}

.contact-wrapper .contact > p {
    line-height: 24px;
    color: #999;
    margin-bottom: 8px;
}

.contact-wrapper .map {
    position: relative;
    width: 763px;
    height: 388px;
    overflow: hidden;
}

.contact-wrapper .map .img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.contact-wrapper .box-2 {
    margin-top: 63px;
    padding-top: 56px;
    padding-bottom: 115px;
    background: url(https://zhongkejianche.oss-cn-guangzhou.aliyuncs.com/renzheng/img/contactbg.jpg) no-repeat;
    background-size: cover;
    background-attachment: fixed;
}

.contact-wrapper .box-2 .index-title-box {
    text-align: center;
    margin-bottom: 78px;
}

.contact-wrapper .box-2 .form {
    display: flex;
    display: -webkit-box;
    /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box;
    /* Firefox 17- */
    display: -webkit-flex;
    /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex;
    /* Firefox 18+ */
    display: -ms-flexbox;
    /* IE 10 */
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.contact-wrapper .left {
    width: 542px;
    /* input placeholder  */
}

.contact-wrapper .left .group {
    display: flex;
    display: -webkit-box;
    /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box;
    /* Firefox 17- */
    display: -webkit-flex;
    /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex;
    /* Firefox 18+ */
    display: -ms-flexbox;
    /* IE 10 */
    height: 76px;
    align-items: center;
    padding: 0 18px;
    background-color: #fff;
}

.contact-wrapper .left label {
    width: 100px;
}

.contact-wrapper .left ::-webkit-input-placeholder {
    /* WebKit browsers */
    color: #ccc;
    font-size: 14px;
}

.contact-wrapper .left :-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #ccc;
    font-size: 14px;
}

.contact-wrapper .left ::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #ccc;
    font-size: 14px;
}

.contact-wrapper .left :-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #ccc;
    font-size: 14px;
}

.contact-wrapper label {
    display: block;
    font-size: 16px;
}

.contact-wrapper label img {
    display: inline-block;
    vertical-align: middle;
    margin-right: 2px;
    position: relative;
    top: -1px;
}

.contact-wrapper .right {
    width: 600px;
    margin-top: 8px;
    /* input placeholder  */
}

.contact-wrapper .right .group {
    margin-bottom: 30px;
}

.contact-wrapper .right ::-webkit-input-placeholder {
    /* WebKit browsers */
    color: #aaa;
    font-size: 12px;
}

.contact-wrapper .right :-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #aaa;
    font-size: 12px;
}

.contact-wrapper .right ::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #aaa;
    font-size: 12px;
}

.contact-wrapper .right :-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #aaa;
    font-size: 12px;
}

.contact-wrapper .right label {
    margin-bottom: 28px;
}

.contact-wrapper .right label img {
    margin-right: 10px;
}

.contact-wrapper .right label span {
    font-size: 18px;
    color: #d72b3f;
    display: inline-block;
    margin-left: 4px;
}

.contact-wrapper .group {
    margin-bottom: 32px;
}

.contact-wrapper .group:last-child {
    margin-bottom: 0;
}

.contact-wrapper .btn-box {
    font-size: 0;
}

.contact-wrapper .btn-box a {
    display: inline-block;
    vertical-align: top;
    width: 152px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    color: #fff;
    font-weight: 700;
    transition: box-shadow 0.3s ease;
    -webkit-transition: box-shadow 0.3s ease;
    -moz-transition: box-shadow 0.3s ease;
    -ms-transition: box-shadow 0.3s ease;
    -o-transition: box-shadow 0.3s ease;
}

.contact-wrapper .btn-box a:hover {
    box-shadow: 0 2px 30px rgba(0, 0, 0, 0.1);
}

.contact-wrapper .btn-box .submit {
    margin-right: 20px;
    background-color: #3d509f;
}

.contact-wrapper .btn-box .cancel {
    background-color: #ccc;
}

.contact-wrapper .text {
    flex: 1;
    overflow: hidden;
    color: #666;
    line-height: 30px;
    height: 30px;
}

.contact-wrapper .msg {
    width: 100%;
    line-height: 30px;
    resize: none;
    padding: 10px 28px;
    font-size: 12px;
    color: #666;
    height: 150px;
}

.suggestion-wrapper .content {
    color: #6c6c6c;
    line-height: 24px;
    text-align: justify;
}

.suggestion-wrapper .ad-box {
    margin: 36px auto;
    padding: 78px 90px 90px;
    background: url(https://zhongkejianche.oss-cn-guangzhou.aliyuncs.com/renzheng/img/suggestion.jpg) no-repeat;
    background-size: cover;
    background-attachment: fixed;
    text-align: center;
}

.suggestion-wrapper .ad-box div {
    color: #fff;
}

.suggestion-wrapper .ad-box .title,
.suggestion-wrapper .ad-box .name {
    font-size: 24px;
    line-height: 36px;
}

.suggestion-wrapper .ad-box .title {
    margin-top: 4px;
}

.suggestion-wrapper .ad-box .name {
    font-weight: 700;
    margin-top: 30px;
}

.suggestion-wrapper .ad-box .ename {
    font-size: 12px;
    line-height: 20px;
}

.suggestion-wrapper .form {
    display: flex;
    display: -webkit-box;
    /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box;
    /* Firefox 17- */
    display: -webkit-flex;
    /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex;
    /* Firefox 18+ */
    display: -ms-flexbox;
    /* IE 10 */
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.suggestion-wrapper .left {
    width: 542px;
    /* input placeholder  */
}

.suggestion-wrapper .left .group {
    padding-bottom: 4px;
    margin-bottom: 45px;
    border-bottom: 1px solid #999;
}

.suggestion-wrapper .left ::-webkit-input-placeholder {
    /* WebKit browsers */
    color: #ccc;
    font-size: 14px;
}

.suggestion-wrapper .left :-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #ccc;
    font-size: 14px;
}

.suggestion-wrapper .left ::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #ccc;
    font-size: 14px;
}

.suggestion-wrapper .left :-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #ccc;
    font-size: 14px;
}

.suggestion-wrapper label {
    display: block;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 6px;
}

.suggestion-wrapper label img {
    display: inline-block;
    vertical-align: middle;
    margin-right: 2px;
    position: relative;
    top: -1px;
}

.suggestion-wrapper .right {
    width: 600px;
    /* input placeholder  */
}

.suggestion-wrapper .right .group {
    margin-bottom: 30px;
}

.suggestion-wrapper .right ::-webkit-input-placeholder {
    /* WebKit browsers */
    color: #aaa;
    font-size: 12px;
}

.suggestion-wrapper .right :-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #aaa;
    font-size: 12px;
}

.suggestion-wrapper .right ::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #aaa;
    font-size: 12px;
}

.suggestion-wrapper .right :-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #aaa;
    font-size: 12px;
}

.suggestion-wrapper .right label {
    margin-bottom: 28px;
}

.suggestion-wrapper .right label img {
    margin-right: 10px;
}

.suggestion-wrapper .right label span {
    font-size: 18px;
    color: #d72b3f;
    display: inline-block;
    margin-left: 4px;
}

.suggestion-wrapper .group {
    margin-bottom: 32px;
}

.suggestion-wrapper .group:last-child {
    margin-bottom: 0;
}

.suggestion-wrapper .btn-box {
    font-size: 0;
}

.suggestion-wrapper .btn-box a {
    display: inline-block;
    vertical-align: top;
    width: 152px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    color: #fff;
    font-weight: 700;
    transition: box-shadow 0.3s ease;
    -webkit-transition: box-shadow 0.3s ease;
    -moz-transition: box-shadow 0.3s ease;
    -ms-transition: box-shadow 0.3s ease;
    -o-transition: box-shadow 0.3s ease;
}

.suggestion-wrapper .btn-box a:hover {
    box-shadow: 0 2px 30px rgba(0, 0, 0, 0.1);
}

.suggestion-wrapper .btn-box .submit {
    margin-right: 20px;
    background-color: #3d509f;
}

.suggestion-wrapper .btn-box .cancel {
    background-color: #ccc;
}

.suggestion-wrapper .text {
    width: 100%;
    color: #666;
    line-height: 30px;
    height: 30px;
}

.suggestion-wrapper .msg {
    width: 100%;
    line-height: 30px;
    resize: none;
    padding: 10px 28px;
    font-size: 12px;
    color: #666;
    height: 150px;
    background-color: #f9f9f9;
}

.quick-search-wrapper {
    background-image: linear-gradient(-34deg, #3d509f 0%, #556ac0 100%), linear-gradient(#e9831e, #e9831e);
    background-blend-mode: normal, normal;
}

.quick-search-wrapper .box-container {
    display: flex;
    display: -webkit-box;
    /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box;
    /* Firefox 17- */
    display: -webkit-flex;
    /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex;
    /* Firefox 18+ */
    display: -ms-flexbox;
    /* IE 10 */
    height: 80px;
    align-items: center;
    line-height: 34px;
}

.quick-search-wrapper .title {
    font-weight: 700;
    margin-right: 14px;
    color: rgba(255, 255, 255, 0.5);
}

.quick-search-wrapper .title img {
    margin-right: 5px;
    vertical-align: middle;
    position: relative;
    top: -1px;
}

.quick-search-wrapper .list {
    font-size: 0;
    height: 34px;
    flex: 1;
    overflow: hidden;
}

.quick-search-wrapper .list a {
    display: inline-block;
    color: #ced3ed;
    margin-right: 20px;
    transition: color 0.3s ease;
    -webkit-transition: color 0.3s ease;
    -moz-transition: color 0.3s ease;
    -ms-transition: color 0.3s ease;
    -o-transition: color 0.3s ease;
}

.quick-search-wrapper .list a:last-child {
    margin-right: 0;
}

.quick-search-wrapper .list a:hover {
    color: #fff;
}

.quick-search-wrapper .search {
    position: relative;
    width: 280px;
    background-color: #ffffff;
    border-radius: 17px;
    border: solid 1px #3d509f;
    border-right: none;
    margin-left: 48px;
    /* input placeholder  */
}

.quick-search-wrapper .search .text {
    font-size: 12px;
    color: #666;
    width: 100%;
    height: 32px;
    line-height: 32px;
    padding: 0 60px 0 20px;
    border-radius: 17px;
}

.quick-search-wrapper .search ::-webkit-input-placeholder {
    /* WebKit browsers */
    color: #999;
    font-size: 12px;
}

.quick-search-wrapper .search :-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #999;
    font-size: 12px;
}

.quick-search-wrapper .search ::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #999;
    font-size: 12px;
}

.quick-search-wrapper .search :-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #999;
    font-size: 12px;
}

.quick-search-wrapper .search .btn {
    position: absolute;
    right: -1px;
    top: 0;
    z-index: 1;
    width: 44px;
    height: 100%;
    background-image: linear-gradient(-34deg, #3d509f 0%, #556ac0 100%), linear-gradient(#3d509f, #3d509f);
    background-blend-mode: normal,
    normal;
    border-radius: 0px 16px 16px 0px;
}

.quick-search-wrapper .search .btn:after {
    content: "";
    width: 100%;
    height: 100%;
    background-image: url(https://zhongkejianche.oss-cn-guangzhou.aliyuncs.com/renzheng/img/search.png);
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
}

.base-wrapper .box-1 .main {
    display: flex;
    display: -webkit-box;
    /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box;
    /* Firefox 17- */
    display: -webkit-flex;
    /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex;
    /* Firefox 18+ */
    display: -ms-flexbox;
    /* IE 10 */
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    align-items: center;
}

.base-wrapper .box-1 .info {
    width: 510px;
}

.base-wrapper .box-1 .pic {
    width: 600px;
}

.base-wrapper .box-1 .pic:hover img {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
}

.base-wrapper .box-1 .page-caption {
    text-align: left;
    color: #3d509f;
    margin-bottom: 22px;
}

.base-wrapper .box-1 .content {
    font-size: 14px;
    color: #656565;
    line-height: 24px;
    text-align: justify;
    margin-top: 58px;
}

.base-wrapper .box-1 .en {
    font-size: 16px;
    color: #b2b2b2;
    line-height: 20px;
}

.base-wrapper .swiper-btn {
    display: inline-block;
    width: 50px;
    height: 50px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    z-index: 1;
    transition: background 0.3s ease;
    -webkit-transition: background 0.3s ease;
    -moz-transition: background 0.3s ease;
    -ms-transition: background 0.3s ease;
    -o-transition: background 0.3s ease;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}

.base-wrapper .swiper-btn.prev {
    left: -90px;
    background-image: url(https://zhongkejianche.oss-cn-guangzhou.aliyuncs.com/renzheng/img/prev3.png);
}

.base-wrapper .swiper-btn.prev:hover {
    background-image: url(https://zhongkejianche.oss-cn-guangzhou.aliyuncs.com/renzheng/img/prev4.png);
}

.base-wrapper .swiper-btn.next {
    right: -90px;
    background-image: url(https://zhongkejianche.oss-cn-guangzhou.aliyuncs.com/renzheng/img/next3.png);
}

.base-wrapper .swiper-btn.next:hover {
    background-image: url(https://zhongkejianche.oss-cn-guangzhou.aliyuncs.com/renzheng/img/next4.png);
}

.base-wrapper .box-7 .index-title-box {
    text-align: center;
}

.base-wrapper .box-7 .title-box {
    position: relative;
    padding-top: 20px;
    line-height: 24px;
    margin-bottom: 30px;
}

.base-wrapper .box-7 .title-box .title {
    display: inline-block;
    font-weight: 700;
    padding-bottom: 8px;
    border-bottom: 3px solid #3d509f;
}

.base-wrapper .box-7 .title-box .more {
    position: absolute;
    right: 0;
    bottom: 11px;
    z-index: 1;
    color: #666;
}

.base-wrapper .box-7 .title-box .more:hover {
    color: #3d509f;
    font-weight: 700;
}

.base-wrapper .box-7 .title-box .more:hover i {
    background-image: url(https://zhongkejianche.oss-cn-guangzhou.aliyuncs.com/renzheng/img/iright4.png);
}

.base-wrapper .box-7 .title-box .more i {
    display: inline-block;
    width: 6px;
    height: 9px;
    background-image: url(https://zhongkejianche.oss-cn-guangzhou.aliyuncs.com//uploads/20230203/863ab989dd26d6d791872af0945a8c01.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    margin-left: 14px;
    vertical-align: middle;
    position: relative;
    top: -1px;
}

.base-wrapper .box-7 a {
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.base-wrapper .box-7 .main {
    display: flex;
    display: -webkit-box;
    /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box;
    /* Firefox 17- */
    display: -webkit-flex;
    /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex;
    /* Firefox 18+ */
    display: -ms-flexbox;
    /* IE 10 */
}

.base-wrapper .box-7 .left {
    width: 580px;
}

.base-wrapper .box-7 .left .swiper-slide {
    line-height: 32px;
    display: flex;
    display: -webkit-box;
    /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box;
    /* Firefox 17- */
    display: -webkit-flex;
    /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex;
    /* Firefox 18+ */
    display: -ms-flexbox;
    /* IE 10 */
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.base-wrapper .box-7 .left .swiper-slide a {
    display: inline-block;
    color: #666;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 84%;
}

.base-wrapper .box-7 .left .swiper-slide a:hover {
    color: #3d509f;
    font-weight: 700;
}

.base-wrapper .box-7 .left .swiper-slide .date {
    color: #999;
    font-size: 12px;
}

.base-wrapper .box-7 .left .name {
    font-size: 14px;
    font-weight: 700;
    line-height: 24px;
    margin: 16px auto 12px;
}

.base-wrapper .box-7 .left .desc {
    color: #999;
    line-height: 20px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    margin-bottom: 23px;
}

.base-wrapper .box-7 .left .first-box {
    padding-bottom: 44px;
    margin-bottom: 28px;
    border-bottom: 1px solid #ddd;
}

.base-wrapper .box-7 .left .first-box:hover .name {
    color: #3d509f;
}

.base-wrapper .box-7 .left .first-box:hover .index-more {
    background-image: url(https://zhongkejianche.oss-cn-guangzhou.aliyuncs.com/renzheng/img/more3.png);
}

.base-wrapper .box-7 .left .first-box .pic {
    width: 285px;
}

.base-wrapper .box-7 .left .first-box .info {
    width: 264px;
}

.base-wrapper .box-7 .date {
    font-size: 12px;
    font-family: "mb";
}

.base-wrapper .box-7 .first-box:hover .pic img {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
}

.base-wrapper .box-7 .first-box:hover .name {
    color: #3d509f;
}

.base-wrapper .box-7 .first-box a {
    display: flex;
    display: -webkit-box;
    /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box;
    /* Firefox 17- */
    display: -webkit-flex;
    /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex;
    /* Firefox 18+ */
    display: -ms-flexbox;
    /* IE 10 */
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.base-wrapper .box-7 .first-box .date {
    font-size: 16px;
    line-height: 20px;
}

.base-wrapper .box-7 .first-box .date span {
    font-family: Arial;
    color: #666;
    margin-left: 6px;
    font-size: 12px;
}

.base-wrapper .box-8 {
    margin-top: 80px;
    padding: 78px 0 50px;
    background: url(https://zhongkejianche.oss-cn-guangzhou.aliyuncs.com/renzheng/img/labbg6.jpg) no-repeat center center;
    background-size: cover;
    background-attachment: fixed;
    /* input placeholder  */
}

.base-wrapper .box-8 .index-title-box {
    text-align: center;
}

.base-wrapper .box-8 .form {
    display: flex;
    display: -webkit-box;
    /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box;
    /* Firefox 17- */
    display: -webkit-flex;
    /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex;
    /* Firefox 18+ */
    display: -ms-flexbox;
    /* IE 10 */
}

.base-wrapper .box-8 .group {
    position: relative;
    width: 200px;
    margin-right: 20px;
    background-color: #fff;
    border: solid 1px #c3cfff;
}

.base-wrapper .box-8 .group:nth-last-child(2) {
    width: 368px;
}

.base-wrapper .box-8 .group span {
    color: #cc3333;
    position: absolute;
    left: 20px;
    top: 20px;
    z-index: 1;
}

.base-wrapper .box-8 .text,
.base-wrapper .box-8 .submit {
    height: 60px;
    line-height: 60px;
}

.base-wrapper .box-8 .text {
    width: 100%;
    padding: 0 30px;
}

.base-wrapper .box-8 ::-webkit-input-placeholder {
    /* WebKit browsers */
    color: #666;
    font-size: 14px;
}

.base-wrapper .box-8 :-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #666;
    font-size: 14px;
}

.base-wrapper .box-8 ::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #666;
    font-size: 14px;
}

.base-wrapper .box-8 :-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #666;
    font-size: 14px;
}

.base-wrapper .box-8 .submit {
    width: 152px;
    text-align: center;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    background-image: linear-gradient(0deg, #f28d23 0%, #fbb163 100%), linear-gradient(#3d509f, #3d509f);
    background-blend-mode: normal, normal;
}

.base-wrapper .box-8 .submit:hover {
    background-image: linear-gradient(-34deg, #3d509f 0%, #556ac0 100%), linear-gradient(#3d509f, #3d509f);
}

.base-wrapper .box-8 .submit img {
    position: relative;
    top: 2px;
    margin-right: 10px;
}

.lab-wrapper {
    padding-bottom: 0 !important;
}

.lab-wrapper .index-box-2 {
    margin-top: 80px;
    padding: 78px 0 80px;
    background: url(https://zhongkejianche.oss-cn-guangzhou.aliyuncs.com/renzheng/img/labbg2.jpg) no-repeat center center;
    background-size: cover;
    background-attachment: fixed;
}

.lab-wrapper .index-box-2 .lab-swiper:after {
    background-color: #fff;
}

.lab-wrapper .index-box-2 .info-swiper {
    background-color: #fff;
}

.lab-wrapper .index-box-2 .info-swiper .swiper-slide {
    align-items: center;
}

.lab-wrapper .index-box-2 .info-swiper .info {
    padding-bottom: 26px;
    padding-right: 60px;
}

.lab-wrapper .index-box-2 .info-swiper .info .title {
    color: #333;
    margin-bottom: 18px;
}

.lab-wrapper .box-3 {
    padding: 78px 0 50px;
    background: url(https://zhongkejianche.oss-cn-guangzhou.aliyuncs.com/renzheng/img/labbg3.jpg) no-repeat center center;
    background-size: cover;
    background-attachment: fixed;
}

.lab-wrapper .box-3 .index-title-box {
    text-align: center;
    margin-bottom: 0;
}

.lab-wrapper .box-3 .swiper-box {
    position: relative;
}

.lab-wrapper .box-3 .swiper-container {
    padding: 33px 14px 30px;
    margin-left: -14px;
    margin-right: -14px;
}

.lab-wrapper .box-3 .swiper-slide {
    position: relative;
    padding: 50px 50px 52px;
    box-shadow: 0px 10px 13px 0px #e2f9ff;
    border: solid 1px #deecf8;
}

.lab-wrapper .box-3 .swiper-slide:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    background-color: #fff;
}

.lab-wrapper .box-3 .swiper-slide:hover:before {
    background-image: linear-gradient(0deg, #3d509f 0%, #4b6bf4 100%), linear-gradient(#3d509f, #3d509f);
    background-blend-mode: normal, normal;
}

.lab-wrapper .box-3 .swiper-slide:hover .icon {
    box-shadow: 0px 10px 20px 0px rgba(40, 167, 225, 0.2);
}

.lab-wrapper .box-3 .swiper-slide:hover .index-more {
    background-image: url(https://zhongkejianche.oss-cn-guangzhou.aliyuncs.com/renzheng/img/more4.png);
}

.lab-wrapper .box-3 .swiper-slide:hover .name,
.lab-wrapper .box-3 .swiper-slide:hover .desc {
    color: #fff;
}

.lab-wrapper .box-3 .swiper-slide:hover .ename {
    color: #98a7e2;
}

.lab-wrapper .box-3 .icon {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    transition: box-shadow 0.3s ease;
    -webkit-transition: box-shadow 0.3s ease;
    -moz-transition: box-shadow 0.3s ease;
    -ms-transition: box-shadow 0.3s ease;
    -o-transition: box-shadow 0.3s ease;
}

.lab-wrapper .box-3 .icon img {
    display: block;
    width: 100%;
}

.lab-wrapper .box-3 .name,
.lab-wrapper .box-3 .desc,
.lab-wrapper .box-3 .ename {
    transition: color 0.3s ease;
    -webkit-transition: color 0.3s ease;
    -moz-transition: color 0.3s ease;
    -ms-transition: color 0.3s ease;
    -o-transition: color 0.3s ease;
}

.lab-wrapper .box-3 .name {
    color: #051323;
    font-size: 24px;
    line-height: 30px;
    margin-top: 50px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 700;
}

.lab-wrapper .box-3 .ename {
    color: #999;
    font-family: "light_cn";
    text-transform: uppercase;
    line-height: 24px;
    margin: 8px auto;
    height: 48px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.lab-wrapper .box-3 .desc {
    color: #666;
    line-height: 30px;
    height: 60px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    margin-bottom: 50px;
}

.lab-wrapper .box-4 {
    padding: 78px 0 50px;
    background: url(https://zhongkejianche.oss-cn-guangzhou.aliyuncs.com/renzheng/img/labbg4.jpg) no-repeat center center;
    background-size: cover;
    background-attachment: fixed;
}

.lab-wrapper .box-4 .index-title-box {
    text-align: center;
}

.lab-wrapper .box-4 .list {
    position: relative;
    background: url(https://zhongkejianche.oss-cn-guangzhou.aliyuncs.com/renzheng/img/line.png) no-repeat center center;
}

.lab-wrapper .box-4 ul {
    position: relative;
    display: flex;
    display: -webkit-box;
    /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box;
    /* Firefox 17- */
    display: -webkit-flex;
    /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex;
    /* Firefox 18+ */
    display: -ms-flexbox;
    /* IE 10 */
    padding: 170px 0;
}

.lab-wrapper .box-4 ul li {
    cursor: default;
    padding: 20px 15px 8px;
    width: 185px;
    border-radius: 30px;
    background-color: #fff;
    border: solid 2px #fff;
    margin-right: 18px;
    box-shadow: 0px 10px 20px 0px rgba(241, 241, 241, 0.2);
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    text-align: center;
}

.lab-wrapper .box-4 ul li:hover {
    border-color: #3d509f;
    box-shadow: 0px 10px 20px 0px rgba(61, 80, 159, 0.2);
}

.lab-wrapper .box-4 ul li:hover .icon img.init {
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    opacity: 0;
    visibility: hidden;
}

.lab-wrapper .box-4 ul li:hover .icon img.on {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    opacity: 1;
    visibility: visible;
}

.lab-wrapper .box-4 ul li:first-child,
.lab-wrapper .box-4 ul li:nth-child(2) {
    position: absolute;
    z-index: 1;
    margin-right: 0;
}

.lab-wrapper .box-4 ul li:first-child {
    left: 508px;
    top: 0;
}

.lab-wrapper .box-4 ul li:nth-child(2) {
    left: 406px;
    bottom: 0;
}

.lab-wrapper .box-4 ul li:last-child {
    margin-right: 0;
}

.lab-wrapper .box-4 ul li p {
    color: #666;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top: 15px;
    line-height: 24px;
}

.lab-wrapper .box-4 .icon {
    position: relative;
    width: 85px;
    height: 85px;
    border-radius: 50%;
    overflow: hidden;
    margin: 0 auto;
}

.lab-wrapper .box-4 .icon img {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 100%;
    display: block;
    transition: transform 0.5s ease;
    -webkit-transition: transform 0.5s ease;
    -moz-transition: transform 0.5s ease;
    -ms-transition: transform 0.5s ease;
    -o-transition: transform 0.5s ease;
}

.lab-wrapper .box-4 .icon img.on {
    transform: scale(1.5);
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    -o-transform: scale(1.5);
    opacity: 0;
    visibility: hidden;
}

.lab-wrapper .box-4 .key {
    font-size: 36px;
    font-family: "mb";
    color: #ebebeb;
    line-height: 36px;
    margin: 20px auto 8px;
}

.lab-wrapper .box-5 {
    margin-top: 78px;
}

.lab-wrapper .box-5 .index-title-box {
    text-align: center;
}

.lab-wrapper .box-5 .item,
.lab-wrapper .box-5 .swiper-slide {
    border-bottom: 1px solid #eaeaea;
}

.lab-wrapper .box-5 .item:first-child,
.lab-wrapper .box-5 .swiper-slide:first-child {
    border-top: 1px solid #eaeaea;
}

.lab-wrapper .box-5 .item a,
.lab-wrapper .box-5 .swiper-slide a {
    width: 400px;
    padding: 50px 30px;
    text-align: center;
    position: relative;
}

.lab-wrapper .box-5 .item a:before,
.lab-wrapper .box-5 .swiper-slide a:before {
    content: "";
    width: 100%;
    height: 100%;
    background-image: linear-gradient(0deg, #3d509f 0%, #4b6bf4 100%), linear-gradient(#f7f7f7, #f7f7f7);
    background-blend-mode: normal, normal;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease;
    -webkit-transition: opacity 0.3s ease;
    -moz-transition: opacity 0.3s ease;
    -ms-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
}

.lab-wrapper .box-5 .item a:hover:before,
.lab-wrapper .box-5 .swiper-slide a:hover:before {
    opacity: 1;
    visibility: visible;
}

.lab-wrapper .box-5 .item a:hover .name,
.lab-wrapper .box-5 .swiper-slide a:hover .name {
    color: #fff;
}

.lab-wrapper .box-5 .item a:hover .desc,
.lab-wrapper .box-5 .swiper-slide a:hover .desc {
    color: rgba(255, 255, 255, 0.5);
}

.lab-wrapper .box-5 .item a:hover .pic img,
.lab-wrapper .box-5 .swiper-slide a:hover .pic img {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
}

.lab-wrapper .box-5 .item a:hover .index-more,
.lab-wrapper .box-5 .swiper-slide a:hover .index-more {
    background-image: url(https://zhongkejianche.oss-cn-guangzhou.aliyuncs.com/renzheng/img/more4.png);
}

.lab-wrapper .box-5 .list .box-container {
    display: flex;
    display: -webkit-box;
    /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box;
    /* Firefox 17- */
    display: -webkit-flex;
    /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex;
    /* Firefox 18+ */
    display: -ms-flexbox;
    /* IE 10 */
}

.lab-wrapper .box-5 .name,
.lab-wrapper .box-5 .desc {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    transition: color 0.3s ease;
    -webkit-transition: color 0.3s ease;
    -moz-transition: color 0.3s ease;
    -ms-transition: color 0.3s ease;
    -o-transition: color 0.3s ease;
}

.lab-wrapper .box-5 .name {
    font-size: 18px;
    line-height: 30px;
    height: 60px;
    margin-top: 38px;
    font-weight: 700;
}

.lab-wrapper .box-5 .desc {
    color: #999;
    line-height: 24px;
    height: 48px;
    margin: 10px auto 24px;
}

.lab-wrapper .box-5 .index-more {
    margin: 0 auto;
}

.lab-wrapper .box-5 .swiper-box {
    display: none;
}

.lab-wrapper .box-6 {
    margin-top: 80px;
    padding: 86px 0 80px;
    background: url(https://zhongkejianche.oss-cn-guangzhou.aliyuncs.com/renzheng/img/labbg5.jpg) no-repeat center center;
    background-size: cover;
    background-attachment: fixed;
}

.lab-wrapper .box-6 .title {
    font-size: 28px;
    color: #3d509f;
    font-weight: 700;
    line-height: 36px;
}

.lab-wrapper .box-6 .desc {
    font-size: 26px;
    font-family: "light_cn";
    color: #8792c4;
    line-height: 40px;
    margin-top: 18px;
}

.lab-wrapper .box-7 {
    margin-top: 80px;
}

.lab-wrapper .box-7 .box {
    padding-left: calc((100% - 1200px) / 2);
}

.lab-wrapper .box-7 .right {
    display: flex;
    display: -webkit-box;
    /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box;
    /* Firefox 17- */
    display: -webkit-flex;
    /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex;
    /* Firefox 18+ */
    display: -ms-flexbox;
    /* IE 10 */
}

.lab-wrapper .box-7 .right .item {
    width: 330px;
    margin-left: 40px;
}

.lab-wrapper .box-7 .item .first-box:hover .name {
    font-weight: 700;
}

.lab-wrapper .box-7 .item .first-box .pic {
    width: 150px;
}

.lab-wrapper .box-7 .item .first-box .info {
    width: 160px;
}

.lab-wrapper .box-7 .item .first-box .name {
    margin-bottom: 21px;
}

.lab-wrapper .box-7 .item .name {
    font-size: 12px;
    line-height: 20px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    height: 40px;
    transition: color 0.3s ease;
    -webkit-transition: color 0.3s ease;
    -moz-transition: color 0.3s ease;
    -ms-transition: color 0.3s ease;
    -o-transition: color 0.3s ease;
}

.lab-wrapper .box-7 .item .swiper-container {
    margin-top: 26px;
}

.lab-wrapper .box-7 .item .swiper-slide {
    display: flex;
    display: -webkit-box;
    /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box;
    /* Firefox 17- */
    display: -webkit-flex;
    /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex;
    /* Firefox 18+ */
    display: -ms-flexbox;
    /* IE 10 */
    padding: 22px 0;
    border-top: 1px solid #ddd;
}

.lab-wrapper .box-7 .item .swiper-slide:last-child {
    padding-bottom: 0;
}

.lab-wrapper .box-7 .item .swiper-slide:hover .name {
    font-weight: 700;
    color: #3d509f;
}

.lab-wrapper .box-7 .item .swiper-slide .date {
    width: 70px;
    font-size: 16px;
    line-height: 20px;
    text-align: left;
}

.lab-wrapper .box-7 .item .swiper-slide .date span {
    display: block;
    font-family: Arial;
    font-size: 12px;
    color: #666;
    margin-left: 0;
}

.lab-wrapper .box-7 .item .swiper-slide a {
    flex: 1;
}

.safety-wrapper {
    padding-bottom: 0 !important;
}

.safety-wrapper .box-2 {
    margin-top: 130px;
    padding: 78px 0 80px;
    background: url(https://zhongkejianche.oss-cn-guangzhou.aliyuncs.com/renzheng/img/safetybg.jpg) no-repeat center center;
    background-size: cover;
    background-attachment: fixed;
}

.safety-wrapper .box-2 .index-title-box {
    text-align: center;
}

.safety-wrapper .box-2 ul {
    display: flex;
    display: -webkit-box;
    /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box;
    /* Firefox 17- */
    display: -webkit-flex;
    /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex;
    /* Firefox 18+ */
    display: -ms-flexbox;
    /* IE 10 */
}

.safety-wrapper .box-2 ul li {
    cursor: default;
    width: 395px;
    display: flex;
    display: -webkit-box;
    /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box;
    /* Firefox 17- */
    display: -webkit-flex;
    /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex;
    /* Firefox 18+ */
    display: -ms-flexbox;
    /* IE 10 */
    flex-flow: wrap;
    text-align: center;
    margin-right: 8px;
}

.safety-wrapper .box-2 ul li:last-child {
    margin-right: 0;
}

.safety-wrapper .box-2 ul li:nth-child(even) {
    flex-direction: column-reverse;
}

.safety-wrapper .box-2 ul li:hover .pic img {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
}

.safety-wrapper .box-2 ul li:hover .icon {
    box-shadow: 9px 7px 29px 0px rgba(61, 80, 159, 0.23);
}

.safety-wrapper .box-2 ul li:hover .icon:before {
    animation: iconScale 1.2s ease infinite;
}

.safety-wrapper .box-2 .info,
.safety-wrapper .box-2 .pic {
    width: 100%;
}

.safety-wrapper .box-2 .info {
    height: 350px;
    background: url(https://zhongkejianche.oss-cn-guangzhou.aliyuncs.com/renzheng/img/safety2bg.jpg) no-repeat center center;
    background-size: cover;
    padding: 80px 50px 30px;
}

.safety-wrapper .box-2 .title {
    font-size: 16px;
    color: #363636;
    line-height: 32px;
    margin: 30px auto 18px;
    font-weight: 700;
}

.safety-wrapper .box-2 .desc {
    font-size: 14px;
    color: #666;
    line-height: 24px;
}

.safety-wrapper .box-2 .icon {
    position: relative;
    width: 66px;
    height: 66px;
    border-radius: 50%;
    margin: 0 auto;
    transition: box-shadow 0.3s ease;
    -webkit-transition: box-shadow 0.3s ease;
    -moz-transition: box-shadow 0.3s ease;
    -ms-transition: box-shadow 0.3s ease;
    -o-transition: box-shadow 0.3s ease;
}

.safety-wrapper .box-2 .icon:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: #3d509f;
    border-radius: 50%;
    z-index: 0;
    opacity: 0;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}

.safety-wrapper .box-2 .icon img {
    position: relative;
    z-index: 2;
    display: block;
    width: 100%;
}

.safety-wrapper .box-3 {
    margin-top: 80px;
}

.safety-wrapper .box-3 .index-title-box {
    text-align: center;
}

.safety-wrapper .box-3 ul {
    display: flex;
    display: -webkit-box;
    /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box;
    /* Firefox 17- */
    display: -webkit-flex;
    /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex;
    /* Firefox 18+ */
    display: -ms-flexbox;
    /* IE 10 */
    flex-flow: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.safety-wrapper .box-3 li {
    width: 550px;
    display: flex;
    display: -webkit-box;
    /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box;
    /* Firefox 17- */
    display: -webkit-flex;
    /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex;
    /* Firefox 18+ */
    display: -ms-flexbox;
    /* IE 10 */
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin-top: 40px;
}

.safety-wrapper .box-3 li:nth-child(-n+2) {
    margin-top: 0;
}

.safety-wrapper .box-3 li:hover .pic img {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
}

.safety-wrapper .box-3 .pic {
    width: 300px;
}

.safety-wrapper .box-3 .info {
    width: 220px;
    padding-top: 22px;
}

.safety-wrapper .box-3 .title {
    font-size: 18px;
    line-height: 30px;
}

.safety-wrapper .box-3 .desc {
    font-size: 12px;
    line-height: 24px;
    color: #666;
    text-align: justify;
    margin-top: 8px;
}

.safety-wrapper .box-4 {
    position: relative;
    margin-top: 80px;
    padding-top: 78px;
}

.safety-wrapper .box-4:before {
    content: "";
    width: 100%;
    height: 78.94%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    background: url(https://zhongkejianche.oss-cn-guangzhou.aliyuncs.com/renzheng/img/safety4bg.jpg) no-repeat center center;
    background-size: cover;
    background-attachment: fixed;
}

.safety-wrapper .box-4 .index-title-box {
    text-align: center;
}

.safety-wrapper .box-4 .main {
    display: flex;
    display: -webkit-box;
    /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box;
    /* Firefox 17- */
    display: -webkit-flex;
    /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex;
    /* Firefox 18+ */
    display: -ms-flexbox;
    /* IE 10 */
    align-items: center;
    background-color: #fff;
    box-shadow: 0px 10px 13px 0px #e2f9ff;
}

.safety-wrapper .box-4 .pic-box {
    position: relative;
    overflow: hidden;
    width: 650px;
}

.safety-wrapper .box-4 .pic-box img {
    display: block;
    width: 100%;
    transition: transform 0.8s ease;
    -webkit-transition: transform 0.8s ease;
    -moz-transition: transform 0.8s ease;
    -ms-transition: transform 0.8s ease;
    -o-transition: transform 0.8s ease;
}

.safety-wrapper .box-4 .pic-box img:hover {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
}

.safety-wrapper .box-4 .info-box {
    width: 550px;
    padding: 30px 96px;
    line-height: 30px;
}

.safety-wrapper .box-4 .info-box li {
    margin-bottom: 64px;
}

.safety-wrapper .box-4 .info-box li:last-child {
    margin-bottom: 0;
}

.safety-wrapper .box-4 .caption {
    font-size: 18px;
    color: #3d509f;
    font-weight: 700;
}

.safety-wrapper .box-4 .desc {
    font-size: 14px;
    color: #666;
    text-align: justify;
    margin-top: 3px;
}

.safety-wrapper .box-4 .info {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 100%;
    text-align: center;
    padding: 32px 15px;
}

.safety-wrapper .box-4 .en {
    position: absolute;
    left: 0;
    top: 82px;
    z-index: 0;
    width: 100%;
    font-size: 55px;
    line-height: 50px;
    font-family: "light_cn";
    text-transform: uppercase;
    color: #eff6f1;
}

.safety-wrapper .box-4 .title {
    position: relative;
    z-index: 1;
    font-size: 40px;
    color: #bcd8e3;
    line-height: 60px;
    font-weight: 700;
    font-family: "light_cn";
}

.safety-wrapper .box-4 .title span {
    font-weight: 500;
}

.safety-wrapper .box-5 {
    margin-top: 80px;
}

.safety-wrapper .box-5 .index-title-box {
    text-align: center;
}

.safety-wrapper .box-5 .box-container {
    position: relative;
}

.safety-wrapper .box-5 .swiper-box {
    border-top: 1px solid #eaeaea;
    border-bottom: 1px solid #eaeaea;
}

.safety-wrapper .box-5 .swiper-slide {
    position: relative;
}

.safety-wrapper .box-5 .swiper-slide:before {
    content: "";
    width: 100%;
    height: 100%;
    background-image: linear-gradient(0deg, #3d509f 0%, #4b6bf4 100%), linear-gradient(#f7f7f7, #f7f7f7);
    background-blend-mode: normal, normal;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease;
    -webkit-transition: opacity 0.3s ease;
    -moz-transition: opacity 0.3s ease;
    -ms-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
}

.safety-wrapper .box-5 .swiper-slide a {
    display: block;
    padding: 50px 30px;
    text-align: center;
}

.safety-wrapper .box-5 .swiper-slide:hover:before {
    opacity: 1;
    visibility: visible;
}

.safety-wrapper .box-5 .swiper-slide:hover .name {
    color: #fff;
}

.safety-wrapper .box-5 .swiper-slide:hover .desc {
    color: rgba(255, 255, 255, 0.5);
}

.safety-wrapper .box-5 .swiper-slide:hover .pic img {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
}

.safety-wrapper .box-5 .swiper-slide:hover .index-more {
    background-image: url(https://zhongkejianche.oss-cn-guangzhou.aliyuncs.com/renzheng/img/more4.png);
}

.safety-wrapper .box-5 .name,
.safety-wrapper .box-5 .desc {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    transition: color 0.3s ease;
    -webkit-transition: color 0.3s ease;
    -moz-transition: color 0.3s ease;
    -ms-transition: color 0.3s ease;
    -o-transition: color 0.3s ease;
}

.safety-wrapper .box-5 .name {
    font-size: 18px;
    line-height: 30px;
    max-height: 60px;
    margin-top: 38px;
    font-weight: 700;
}

.safety-wrapper .box-5 .desc {
    color: #999;
    line-height: 24px;
    height: 48px;
    margin: 10px auto 24px;
}

.safety-wrapper .box-5 .index-more {
    margin: 0 auto;
}

.safety-wrapper .box-7 {
    margin-top: 80px;
}

.quality-wrapper {
    padding-bottom: 0 !important;
}

.quality-wrapper .index-box-1 {
    padding: 78px 0 80px;
    background: url(https://zhongkejianche.oss-cn-guangzhou.aliyuncs.com/renzheng/img/quality2bg.jpg) no-repeat center center;
    background-size: cover;
    background-attachment: fixed;
}

.quality-wrapper .index-box-1 .btn-box .prev {
    background-image: url(https://zhongkejianche.oss-cn-guangzhou.aliyuncs.com/renzheng/img/prev7.png);
}

.quality-wrapper .index-box-1 .btn-box .prev:hover {
    background-image: url(https://zhongkejianche.oss-cn-guangzhou.aliyuncs.com/renzheng/img/prev2.png);
}

.quality-wrapper .index-box-1 .btn-box .next {
    background-image: url(https://zhongkejianche.oss-cn-guangzhou.aliyuncs.com/renzheng/img/next7.png);
}

.quality-wrapper .index-box-1 .btn-box .next:hover {
    background-image: url(https://zhongkejianche.oss-cn-guangzhou.aliyuncs.com/renzheng/img/next2.png);
}

.quality-wrapper .box-3 {
    padding: 78px 0 80px;
    background: url(https://zhongkejianche.oss-cn-guangzhou.aliyuncs.com/renzheng/img/quality3bg.png) no-repeat center center;
    background-size: cover;
    background-attachment: fixed;
}

.quality-wrapper .box-3 .index-title-box {
    text-align: center;
}

.quality-wrapper .box-3 .swiper-slide {
    cursor: default;
    width: 400px;
    text-align: center;
    padding: 0 40px;
}

.quality-wrapper .box-3 .swiper-slide:hover .icon img {
    transform: rotateY(180deg);
}

.quality-wrapper .box-3 .icon {
    width: 130px;
    height: 130px;
    background: url(https://zhongkejianche.oss-cn-guangzhou.aliyuncs.com/renzheng/img/circle3.png) no-repeat center center;
    background-size: contain;
    margin: 0 auto;
    padding: 10px;
}

.quality-wrapper .box-3 .icon img {
    display: block;
    width: 100%;
    transition: transform 0.3s ease;
    -webkit-transition: transform 0.3s ease;
    -moz-transition: transform 0.3s ease;
    -ms-transition: transform 0.3s ease;
    -o-transition: transform 0.3s ease;
}

.quality-wrapper .box-3 .title {
    font-size: 20px;
    color: #48413e;
    font-weight: 700;
    line-height: 30px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    margin: 44px auto 20px;
}

.quality-wrapper .box-3 .desc {
    color: #656565;
    line-height: 24px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
}

.quality-wrapper .box-4 {
    margin-top: 80px;
}

.quality-wrapper .box-4 .content {
    color: #666;
    line-height: 24px;
    text-align: justify;
}

.quality-wrapper .box-4 .base-box {
    display: flex;
    display: -webkit-box;
    /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box;
    /* Firefox 17- */
    display: -webkit-flex;
    /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex;
    /* Firefox 18+ */
    display: -ms-flexbox;
    /* IE 10 */
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.quality-wrapper .box-4 .base-box .info {
    width: 800px;
}

.quality-wrapper .box-4 .base-box .data {
    width: 180px;
}

.quality-wrapper .box-4 .join {
    display: block;
    width: 180px;
    height: 48px;
    line-height: 48px;
    background-image: linear-gradient(-34deg, #6a6a6a 0%, #8e8e8e 100%), linear-gradient(#3d509f, #3d509f);
    background-blend-mode: normal, normal;
    text-align: center;
    color: #fff;
    font-weight: 700;
    margin-top: 32px;
}

.quality-wrapper .box-4 .join.phone {
    display: none;
}

.quality-wrapper .box-4 .join:hover {
    background-image: linear-gradient(0deg, #3d509f 0%, #4b6bf4 100%), linear-gradient(#3d509f, #3d509f);
}

.quality-wrapper .box-4 .join img {
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle;
    position: relative;
    top: -2px;
}

.quality-wrapper .box-4 .data li {
    margin-bottom: 30px;
}

.quality-wrapper .box-4 .data li:last-child {
    margin-bottom: 0;
}

.quality-wrapper .box-4 .data .num span,
.quality-wrapper .box-4 .data .num i {
    display: inline-block;
    font-family: "mb";
    color: #3d509f;
    vertical-align: middle;
}

.quality-wrapper .box-4 .data .num span {
    font-size: 36px;
    line-height: 36px;
}

.quality-wrapper .box-4 .data .num i {
    font-style: normal;
    font-size: 26px;
    line-height: 26px;
    margin-left: 8px;
}

.quality-wrapper .box-4 .data p {
    color: #666;
    line-height: 24px;
}

.quality-wrapper .box-4 .swiper-box {
    position: relative;
    margin-top: 60px;
}

.quality-wrapper .box-4 .swiper-container {
    padding: 0 10px 50px;
    margin-left: -10px;
    margin-right: -10px;
}

.quality-wrapper .box-4 .swiper-slide:hover .pic img {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
}

.quality-wrapper .box-4 .swiper-slide:hover .info {
    background-color: #3d509f;
    box-shadow: 0px 20px 29px 0px rgba(61, 80, 159, 0.3);
}

.quality-wrapper .box-4 .swiper-slide:hover .name {
    color: #fff;
}

.quality-wrapper .box-4 .swiper-slide:hover .desc {
    color: rgba(255, 255, 255, 0.8);
}

.quality-wrapper .box-4 .swiper-slide:hover .more {
    color: #fff;
}

.quality-wrapper .box-4 .swiper-slide:hover .more i {
    background-image: url(https://zhongkejianche.oss-cn-guangzhou.aliyuncs.com/renzheng/img/iright5.png);
    transform: translateX(8px);
    -webkit-transform: translateX(8px);
    -moz-transform: translateX(8px);
    -ms-transform: translateX(8px);
    -o-transform: translateX(8px);
}

.quality-wrapper .box-4 .swiper-slide .info {
    padding: 25px 20px 65px;
    background-color: #f7f7f7;
    transition: background 0.3s ease;
    -webkit-transition: background 0.3s ease;
    -moz-transition: background 0.3s ease;
    -ms-transition: background 0.3s ease;
    -o-transition: background 0.3s ease;
}

.quality-wrapper .box-4 .pic img {
    height: 270px;
    object-fit: cover;
}

.quality-wrapper .box-4 .name {
    font-size: 18px;
    font-weight: 700;
    line-height: 26px;
}

.quality-wrapper .box-4 .desc {
    color: #999;
    line-height: 18px;
    height: 54px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    margin: 14px auto 8px;
}

.quality-wrapper .box-4 .more {
    color: #3d509f;
    font-weight: 700;
}

.quality-wrapper .box-4 .more i {
    position: relative;
    top: 2px;
    display: inline-block;
    width: 9px;
    height: 14px;
    margin-left: 10px;
    background-image: url(https://zhongkejianche.oss-cn-guangzhou.aliyuncs.com/renzheng/img/iright6.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    transition: transform 0.3s ease;
    -webkit-transition: transform 0.3s ease;
    -moz-transition: transform 0.3s ease;
    -ms-transition: transform 0.3s ease;
    -o-transition: transform 0.3s ease;
}

.quality-wrapper .box-5 {
    padding: 78px 0 80px;
    background: url(https://zhongkejianche.oss-cn-guangzhou.aliyuncs.com/renzheng/img/quality5bg.jpg) no-repeat center center;
    background-size: cover;
    background-attachment: fixed;
}

.quality-wrapper .box-5 ul {
    display: flex;
    display: -webkit-box;
    /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box;
    /* Firefox 17- */
    display: -webkit-flex;
    /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex;
    /* Firefox 18+ */
    display: -ms-flexbox;
    /* IE 10 */
    flex-flow: wrap;
}

.quality-wrapper .box-5 ul li {
    width: 250px;
    margin-right: 66px;
    border-radius: 20px 20px 21px 20px;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    padding: 20px 40px;
    margin-top: 40px;
}

.quality-wrapper .box-5 ul li:nth-child(-n+4) {
    margin-top: 0;
}

.quality-wrapper .box-5 ul li:nth-child(4n) {
    margin-right: 0;
}

.quality-wrapper .box-5 ul li:hover {
    background: url(https://zhongkejianche.oss-cn-guangzhou.aliyuncs.com/renzheng/img/border.png) no-repeat center center;
    background-size: 100% 100%;
    box-shadow: inset 0px 8px 12px 0px rgba(250, 175, 95, 0.54);
}

.quality-wrapper .box-5 ul li:hover .pic {
    background-image: url(https://zhongkejianche.oss-cn-guangzhou.aliyuncs.com/renzheng/img/file2.png);
}

.quality-wrapper .box-5 ul li:hover .icon {
    background-image: url(https://zhongkejianche.oss-cn-guangzhou.aliyuncs.com/renzheng/img/download2.png);
}

.quality-wrapper .box-5 ul li:hover .name {
    color: #cf750a;
}

.quality-wrapper .box-5 ul li a {
    display: flex;
    display: -webkit-box;
    /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box;
    /* Firefox 17- */
    display: -webkit-flex;
    /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex;
    /* Firefox 18+ */
    display: -ms-flexbox;
    /* IE 10 */
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    align-items: center;
}

.quality-wrapper .box-5 .name {
    color: #666;
    line-height: 15px;
    text-align: justify;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

.quality-wrapper .box-5 .pic {
    width: 60px;
    height: 82px;
    background-image: url(https://zhongkejianche.oss-cn-guangzhou.aliyuncs.com/renzheng/img/file.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}

.quality-wrapper .box-5 .icon {
    width: 14px;
    height: 17px;
    background-image: url(https://zhongkejianche.oss-cn-guangzhou.aliyuncs.com/renzheng/img/download.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    margin-top: 18px;
}

.quality-wrapper .box-5 .info {
    flex: 1;
    overflow: hidden;
    margin-left: 18px;
}

.quality-wrapper .box-7 {
    margin-top: 80px;
}

.quality-wrapper .box-7 .main,
.safety-wrapper .box-7 .main,
.customs-wrapper .box-7 .main {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.quality-wrapper .box-7 .right,
.safety-wrapper .box-7 .right,
.customs-wrapper .box-7 .right {
    width: 580px;
}

.quality-wrapper .box-7 .right .swiper-slide,
.safety-wrapper .box-7 .right .swiper-slide,
.customs-wrapper .box-7 .right .swiper-slide {
    border-bottom: 1px solid #ddd;
    padding: 28px 0;
}

.quality-wrapper .box-7 .right .swiper-slide:first-child,
.safety-wrapper .box-7 .right .swiper-slide:first-child,
.customs-wrapper .box-7 .right .swiper-slide:first-child {
    padding-top: 0;
}

.quality-wrapper .box-7 .right .swiper-slide:last-child,
.safety-wrapper .box-7 .right .swiper-slide:last-child,
.customs-wrapper .box-7 .right .swiper-slide:last-child {
    padding-bottom: 0;
    border: none;
}

.quality-wrapper .box-7 .right .swiper-slide:hover .pic img,
.safety-wrapper .box-7 .right .swiper-slide:hover .pic img,
.customs-wrapper .box-7 .right .swiper-slide:hover .pic img {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
}

.quality-wrapper .box-7 .right .swiper-slide:hover .name,
.safety-wrapper .box-7 .right .swiper-slide:hover .name,
.customs-wrapper .box-7 .right .swiper-slide:hover .name {
    color: #3d509f;
    font-weight: 700;
}

.quality-wrapper .box-7 .right .swiper-slide a,
.safety-wrapper .box-7 .right .swiper-slide a,
.customs-wrapper .box-7 .right .swiper-slide a {
    display: flex;
    display: -webkit-box;
    /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box;
    /* Firefox 17- */
    display: -webkit-flex;
    /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex;
    /* Firefox 18+ */
    display: -ms-flexbox;
    /* IE 10 */
}

.quality-wrapper .box-7 .right .pic,
.safety-wrapper .box-7 .right .pic,
.customs-wrapper .box-7 .right .pic {
    width: 150px;
}

.quality-wrapper .box-7 .right .info,
.safety-wrapper .box-7 .right .info,
.customs-wrapper .box-7 .right .info {
    flex: 1;
    overflow: hidden;
    margin-left: 20px;
}

.quality-wrapper .box-7 .right .name,
.safety-wrapper .box-7 .right .name,
.customs-wrapper .box-7 .right .name {
    font-size: 12px;
    line-height: 20px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    min-height: 40px;
    max-height: 60px;
}

.quality-wrapper .box-7 .right .date,
.safety-wrapper .box-7 .right .date,
.customs-wrapper .box-7 .right .date {
    font-size: 16px;
    line-height: 20px;
    margin-top: 16px;
}

.quality-wrapper .box-7 .right .date span,
.safety-wrapper .box-7 .right .date span,
.customs-wrapper .box-7 .right .date span {
    font-family: Arial;
    color: #666;
    margin-left: 6px;
    font-size: 12px;
}

.page-more {
    display: block;
    text-align: center;
    width: 152px;
    line-height: 48px;
    background-image: linear-gradient(-34deg, #3d509f 0%, #556ac0 100%), linear-gradient(#3d509f, #3d509f);
    background-blend-mode: normal, normal;
    color: #fff;
    font-weight: 700;
    margin: 40px auto 0;
    transition: box-shadow 0.3s ease;
    -webkit-transition: box-shadow 0.3s ease;
    -moz-transition: box-shadow 0.3s ease;
    -ms-transition: box-shadow 0.3s ease;
    -o-transition: box-shadow 0.3s ease;
}

.page-more:hover {
    background: #3d509f;
    box-shadow: 0 2px 30px rgba(0, 0, 0, 0.1);
}

.website-wrapper ul {
    background: #fff;
}

.website-wrapper ul li {
    padding: 22px 0;
    background: url(https://zhongkejianche.oss-cn-guangzhou.aliyuncs.com/renzheng/img/line.jpg) repeat-x left bottom;
}

.website-wrapper ul li .cat {
    display: block;
    font-size: 16px;
    color: #333;
    font-weight: 700;
}

.website-wrapper ul li .cat:hover {
    color: #3d509f;
}

.website-wrapper ul li .navs {
    font-size: 0;
    margin-top: 12px;
}

.website-wrapper ul li .navs a {
    position: relative;
    display: inline-block;
    font-size: 14px;
    color: #666;
    margin-right: 40px;
    margin-bottom: 15px;
    min-width: 230px;
}

.website-wrapper ul li .navs a:last-child {
    margin-right: 0;
}

.website-wrapper ul li .navs a span {
    display: inline-block;
    background: url(https://zhongkejianche.oss-cn-guangzhou.aliyuncs.com/renzheng/img/border.jpg) no-repeat;
    background-size: 0 1px;
    background-position: 100% 100%;
    transition: background-size 0.5s ease;
}

.website-wrapper ul li .navs a:hover {
    color: #3d509f;
}

.website-wrapper ul li .navs a:hover span {
    background-size: 100% 1px;
    background-position: 0 100%;
}

.website-wrapper ul li .navs a:hover:before {
    background: url(https://zhongkejianche.oss-cn-guangzhou.aliyuncs.com/renzheng/img/icon2.png) no-repeat left center;
}

.website-wrapper ul li .navs a:before {
    position: relative;
    top: -1px;
    content: "";
    display: inline-block;
    width: 5px;
    height: 7px;
    background: url(https://zhongkejianche.oss-cn-guangzhou.aliyuncs.com/renzheng/img/icon3.png) no-repeat left center;
    margin-right: 10px;
}

.page-wrapper .content {
    font-size: 14px;
    color: #666;
    line-height: 30px;
    text-align: justify;
    min-height: 320px;
}

.page-wrapper .content img,
.page-wrapper .content input[type="image"] {
    max-width: 100%;
    height: auto !important;
}

.customs-wrapper {
    padding-top: 104px;
    padding-bottom: 0 !important;
}

.customs-wrapper .index-title-box {
    text-align: center;
    margin-bottom: 54px;
}

.customs-wrapper .btn-box {
    font-size: 0;
    margin-top: 68px;
}

.customs-wrapper .btn-box a {
    display: inline-block;
    width: 152px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    color: #fff;
    font-weight: 700;
    vertical-align: top;
    background-image: linear-gradient(-34deg, #3d509f 0%, #556ac0 100%), linear-gradient(#3d509f, #3d509f);
    background-blend-mode: normal, normal;
    margin-right: 46px;
    transition: box-shadow 0.3s ease;
    -webkit-transition: box-shadow 0.3s ease;
    -moz-transition: box-shadow 0.3s ease;
    -ms-transition: box-shadow 0.3s ease;
    -o-transition: box-shadow 0.3s ease;
}

.customs-wrapper .btn-box a:hover {
    box-shadow: 0 2px 30px rgba(0, 0, 0, 0.1);
}

.customs-wrapper .btn-box a:last-child {
    margin-right: 0;
}

.customs-wrapper .btn-box a:nth-child(2) {
    background-image: linear-gradient(0deg, #f28d23 0%, #fbb163 100%), linear-gradient(#3d509f, #3d509f);
    background-blend-mode: normal, normal;
}

.customs-wrapper .btn-box a img {
    width: 26px;
    vertical-align: middle;
    position: relative;
    top: -1px;
    margin-right: 12px;
}

.customs-wrapper .box-1 .index-title-box {
    text-align: left;
    margin-bottom: 34px;
}

.customs-wrapper .box-2 {
    margin-top: 110px;
    text-align: center;
    padding: 110px 0 74px;
    background: url(https://zhongkejianche.oss-cn-guangzhou.aliyuncs.com/renzheng/img/customs_2bg.jpg) no-repeat;
    background-size: cover;
    background-attachment: fixed;
}

.customs-wrapper .box-2 .index-title-box {
    margin-bottom: 76px;
}

.customs-wrapper .box-2 .index-title-box h3,
.customs-wrapper .box-2 .index-title-box p {
    color: #fff;
}

.customs-wrapper .box-2 .swiper-wrapper {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.customs-wrapper .box-2 .swiper-slide {
    cursor: default;
    text-align: center;
    width: 120px;
}

.customs-wrapper .box-2 .swiper-slide p {
    font-size: 20px;
    color: #fff;
    line-height: 30px;
    min-height: 60px;
    margin-top: 55px;
}

.customs-wrapper .box-2 .icon {
    position: relative;
    width: 110px;
    height: 110px;
    border-radius: 50%;
    margin: 0 auto;
}

.customs-wrapper .box-2 .icon:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 50%;
    z-index: 0;
    opacity: 0;
    background-image: linear-gradient(0deg, #3d509f 0%, #4b6bf4 100%), linear-gradient(#3d509f, #3d509f);
    background-blend-mode: normal, normal;
}

.customs-wrapper .box-2 .icon img {
    position: relative;
    z-index: 2;
    display: block;
    width: 100%;
}

.customs-wrapper .box-3 {
    padding: 68px 0 100px;
    background: url(https://zhongkejianche.oss-cn-guangzhou.aliyuncs.com/renzheng/img/customs_3bg.jpg) no-repeat;
    background-size: cover;
    background-attachment: fixed;
}

.customs-wrapper .box-3 .swiper-box {
    position: relative;
}

.customs-wrapper .box-3 .swiper-slide {
    position: relative;
    width: 390px;
    line-height: 30px;
    height: auto;
    padding: 50px 50px 60px;
    box-shadow: 0px 10px 13px 0px #e2f9ff;
    border: solid 1px #deecf8;
}

.customs-wrapper .box-3 .swiper-slide:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    background-color: #fff;
}

.customs-wrapper .box-3 .swiper-slide:hover:before {
    background-image: linear-gradient(0deg, #3d509f 0%, #4b6bf4 100%), linear-gradient(#3d509f, #3d509f);
    background-blend-mode: normal, normal;
}

.customs-wrapper .box-3 .swiper-slide:hover .icon {
    box-shadow: 0px 10px 20px 0px rgba(40, 167, 225, 0.2);
}

.customs-wrapper .box-3 .swiper-slide:hover .name,
.customs-wrapper .box-3 .swiper-slide:hover .desc {
    color: #fff;
}

.customs-wrapper .box-3 .icon {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    transition: box-shadow 0.3s ease;
    -webkit-transition: box-shadow 0.3s ease;
    -moz-transition: box-shadow 0.3s ease;
    -ms-transition: box-shadow 0.3s ease;
    -o-transition: box-shadow 0.3s ease;
}

.customs-wrapper .box-3 .icon img {
    display: block;
    width: 100%;
}

.customs-wrapper .box-3 .name,
.customs-wrapper .box-3 .desc {
    transition: color 0.3s ease;
    -webkit-transition: color 0.3s ease;
    -moz-transition: color 0.3s ease;
    -ms-transition: color 0.3s ease;
    -o-transition: color 0.3s ease;
}

.customs-wrapper .box-3 .name {
    color: #051323;
    font-size: 24px;
    line-height: 30px;
    margin: 36px auto 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 700;
}

.customs-wrapper .box-3 .desc {
    color: #666;
}

.customs-wrapper .box-4 {
    text-align: center;
    padding: 68px 0 85px;
    background: url(https://zhongkejianche.oss-cn-guangzhou.aliyuncs.com/renzheng/img/customs_4bg.jpg) no-repeat;
    background-size: cover;
    background-attachment: fixed;
}

.customs-wrapper .box-4 .index-title-box h3,
.customs-wrapper .box-4 .index-title-box p {
    color: #fff;
}

.customs-wrapper .box-4 .title {
    font-size: 28px;
    color: #fff;
    font-weight: 700;
    line-height: 36px;
}

.customs-wrapper .box-5 {
    margin-top: 88px;
}

.customs-wrapper .box-5 .box-container {
    display: flex;
    display: -webkit-box;
    /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box;
    /* Firefox 17- */
    display: -webkit-flex;
    /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex;
    /* Firefox 18+ */
    display: -ms-flexbox;
    /* IE 10 */
}

.customs-wrapper .box-5 .left,
.customs-wrapper .box-5 .right .swiper-slide {
    width: 286px;
    border-radius: 30px;
}

.customs-wrapper .box-5 .left {
    padding: 18px 36px 65px;
    background-image: linear-gradient(-33deg, #3d509f 0%, #3d509f 100%), linear-gradient(#ffffff, #ffffff);
    background-blend-mode: normal, normal;
    box-shadow: 0px 11px 29px 0px rgba(61, 80, 159, 0.17);
}

.customs-wrapper .box-5 .left .title {
    margin-bottom: 12px;
    text-align: left;
}

.customs-wrapper .box-5 .right {
    height: auto;
}

.customs-wrapper .box-5 .right .title {
    position: absolute;
    left: 50%;
    top: -5px;
    z-index: 10;
    height: 48px;
    line-height: 44px;
    padding: 0 20px;
    background-image: linear-gradient(-33deg, #3d509f 0%, #3d509f 100%), linear-gradient(#ffffff, #ffffff);
    background-blend-mode: normal,
    normal;
    box-shadow: 0px 11px 29px 0px rgba(61, 80, 159, 0.17);
    border-radius: 5px;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    text-align: center;
}

.customs-wrapper .box-5 .swiper-slide {
    position: relative;
    cursor: default;
    margin-left: 18px;
    line-height: 30px;
    height: auto;
    border: solid 3px #8894c5;
    padding: 70px 46px 0 60px;
}

.customs-wrapper .box-5 .swiper-slide li {
    margin-bottom: 25px;
}

.customs-wrapper .box-5 .swiper-slide li:last-child {
    margin-bottom: 0;
}

.customs-wrapper .box-5 .swiper-slide li:hover .name:before {
    background-color: #3d509f;
}

.customs-wrapper .box-5 .swiper-slide li div {
    padding-left: 20px;
}

.customs-wrapper .box-5 .swiper-slide .title {
    min-width: 162px;
}

.customs-wrapper .box-5 .title {
    color: #fff;
    line-height: 48px;
    font-weight: 700;
    font-size: 20px;
}

.customs-wrapper .box-5 .name {
    position: relative;
    font-size: 18px;
    color: #3d509f;
    font-weight: 700;
}

.customs-wrapper .box-5 .name:before {
    content: "";
    width: 12px;
    height: 12px;
    background-color: #fff;
    border: solid 3px #3d509f;
    border-radius: 50%;
    box-sizing: border-box;
    position: absolute;
    left: 0;
    top: 9px;
    z-index: 1;
    transition: background 0.3s ease;
    -webkit-transition: background 0.3s ease;
    -moz-transition: background 0.3s ease;
    -ms-transition: background 0.3s ease;
    -o-transition: background 0.3s ease;
}

.customs-wrapper .box-5 .desc {
    color: #acacac;
}

.customs-wrapper .box-6 {
    margin-top: 66px;
    padding: 68px 0 90px;
    background-color: #f9f9f9;
}

.customs-wrapper .box-6 .swiper-slide {
    position: relative;
    cursor: pointer;
    width: 220px;
    background-color: #e3e3e3;
    overflow: hidden;
}

.customs-wrapper .box-6 .swiper-slide:nth-child(even) {
    background-color: #f2f2f2;
}

.customs-wrapper .box-6 .swiper-slide.on {
    width: 540px;
    padding-left: 0;
    padding-right: 0;
}

.customs-wrapper .box-6 .swiper-slide.on .pic {
    opacity: 1;
    visibility: visible;
}

.customs-wrapper .box-6 .swiper-slide.on .info {
    padding-left: 46px;
    padding-right: 46px;
}

.customs-wrapper .box-6 .swiper-slide.on .icon img {
    display: none;
}

.customs-wrapper .box-6 .swiper-slide.on .icon img.on {
    display: block;
}

.customs-wrapper .box-6 .swiper-slide.on .name {
    color: #fff;
}

.customs-wrapper .box-6 .swiper-slide.on .desc {
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -ms-transform: translateY(10px);
    -o-transform: translateY(10px);
}

.customs-wrapper .box-6 .swiper-slide.on .brief {
    bottom: 0;
}

.customs-wrapper .box-6 .pic {
    visibility: hidden;
    opacity: 0.4;
    transition: opacity 0.3s ease;
    -webkit-transition: opacity 0.3s ease;
    -moz-transition: opacity 0.3s ease;
    -ms-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
}

.customs-wrapper .box-6 .pic img {
    height: 540px;
    object-fit: cover;
}

.customs-wrapper .box-6 .info {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    padding: 74px 30px;
    line-height: 30px;
    transition: padding 0.3s ease;
    -webkit-transition: padding 0.3s ease;
    -moz-transition: padding 0.3s ease;
    -ms-transition: padding 0.3s ease;
    -o-transition: padding 0.3s ease;
}

.customs-wrapper .box-6 .name {
    font-size: 20px;
    font-weight: 700;
    color: #3d509f;
    min-height: 60px;
    transition: color 0.3s ease;
    -webkit-transition: color 0.3s ease;
    -moz-transition: color 0.3s ease;
    -ms-transition: color 0.3s ease;
    -o-transition: color 0.3s ease;
}

.customs-wrapper .box-6 .icon {
    width: 54px;
    margin: 40px 0 56px;
}

.customs-wrapper .box-6 .icon img {
    display: block;
    width: 100%;
}

.customs-wrapper .box-6 .icon img.on {
    display: none;
}

.customs-wrapper .box-6 .desc {
    color: #666;
    text-align: justify;
    transition: transform 0.3s ease;
    -webkit-transition: transform 0.3s ease;
    -moz-transition: transform 0.3s ease;
    -ms-transition: transform 0.3s ease;
    -o-transition: transform 0.3s ease;
}

.customs-wrapper .box-6 .brief {
    position: absolute;
    left: 0;
    bottom: -50%;
    color: #fff;
    z-index: 2;
    font-size: 16px;
    text-align: justify;
    padding: 34px 46px 44px;
    line-height: 30px;
    background-color: rgba(0, 0, 0, 0.5);
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}

.customs-wrapper .box-9 {
    margin-top: 68px;
}

.customs-wrapper .box-9 .list ul {
    display: flex;
    display: -webkit-box;
    /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box;
    /* Firefox 17- */
    display: -webkit-flex;
    /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex;
    /* Firefox 18+ */
    display: -ms-flexbox;
    /* IE 10 */
    flex-flow: wrap;
}

.customs-wrapper .box-9 li {
    position: relative;
    width: 280px;
    margin-right: 26px;
    margin-top: 26px;
    background-color: #f9f9f9;
    border-bottom: 5px solid #e6e6e6;
}

.customs-wrapper .box-9 li:nth-child(4n) {
    margin-right: 0;
}

.customs-wrapper .box-9 li:nth-child(-n+4) {
    margin-top: 0;
}

.customs-wrapper .box-9 li:hover:before,
.customs-wrapper .box-9 li:hover:after {
    width: 50%;
}

.customs-wrapper .box-9 li:hover .pic img {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
}

.customs-wrapper .box-9 li:before,
.customs-wrapper .box-9 li:after {
    content: "";
    width: 0;
    height: 5px;
    background-color: #3d509f;
    position: absolute;
    top: 100%;
    z-index: 1;
    transition: width 0.3s ease;
    -webkit-transition: width 0.3s ease;
    -moz-transition: width 0.3s ease;
    -ms-transition: width 0.3s ease;
    -o-transition: width 0.3s ease;
}

.customs-wrapper .box-9 li:before {
    left: 0;
}

.customs-wrapper .box-9 li:after {
    right: 0;
}

.customs-wrapper .box-9 .pic img {
    height: 200px;
    object-fit: cover;
}

.customs-wrapper .box-9 .info {
    padding: 46px 32px 35px;
}

.customs-wrapper .box-9 .name {
    font-size: 24px;
    color: #3d509f;
    text-align: center;
    font-weight: 700;
    line-height: 30px;
}

.customs-wrapper .box-9 .desc {
    color: #929292;
    line-height: 24px;
    text-align: justify;
    min-height: 120px;
    margin-top: 10px;
}

.customs-wrapper .box-10 {
    margin-top: 86px;
    padding: 78px 0 100px;
    background-color: #f7f7f7;
}

.customs-wrapper .box-10 .index-title-box {
    margin-bottom: 34px;
}

.customs-wrapper .box-10 .swiper-box {
    position: relative;
}

.customs-wrapper .box-10 .swiper-container {
    padding: 20px;
    margin: 0 -20px;
}

.customs-wrapper .box-10 .swiper-slide {
    box-shadow: 4px 6px 38px 0px rgba(135, 135, 135, 0.13);
    border-radius: 10px;
    background-color: #fff;
    overflow: hidden;
}

.customs-wrapper .box-10 .swiper-slide img {
    display: block;
    width: 100%;
    height: 124px;
    object-fit: contain;
    transition: transform 0.3s ease;
    -webkit-transition: transform 0.3s ease;
    -moz-transition: transform 0.3s ease;
    -ms-transition: transform 0.3s ease;
    -o-transition: transform 0.3s ease;
}

.customs-wrapper .box-10 .swiper-slide img:hover {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
}

.customs-wrapper .box-7 {
    margin-top: 80px;
}

/*分页*/
.pageNum {
    width: 100%;
    text-align: center;
    font-size: 0;
    margin-top: 52px;
}

.pageNum a {
    display: inline-block;
    color: #7f7f7f;
    font-size: 14px;
    margin-right: 12px;
    width: 36px;
    height: 36px;
    line-height: 36px;
    vertical-align: top;
    border-radius: 5px;
    background-color: #fff;
    transition: background 0.5s ease;
    -webkit-transition: background 0.5s ease;
    -moz-transition: background 0.5s ease;
    -ms-transition: background 0.5s ease;
    -o-transition: background 0.5s ease;
}

.pageNum a:last-child {
    margin-right: 0;
}

.pageNum .btn {
    font-family: "宋体";
}

.pageNum .dot {
    line-height: 38px;
}

.pageNum a:hover,
.pageNum .on {
    color: #fff;
    font-weight: 700;
    background: #3d509f;
}

.pageMore {
    display: none;
    margin-top: 30px;
}

.pageMore a {
    display: block;
    width: 100%;
    text-align: center;
    height: 40px;
    line-height: 40px;
    background: #3d509f;
    color: #fff;
    font-size: 12px;
}

.clearfix {
    zoom: 1;
}

.clearfix:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    clear: both;
    visibility: hidden;
}

.index-clearfix {
    height: 65vh;
    zoom: 1;
    clear: both;
    margin-right: -2%;
}

.index-clearfix li {
    float: left;
    width: 48%;
    margin-right: 2%;
    margin-bottom: 2%;
    background: #f3f3f3;
    border: 2px solid #f3f3f3;
    position: relative;
    overflow: hidden;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    transition: .5s;
}

.index-clearfix li:hover {
    border: 2px solid #3d509f
}

.index-clearfix li:hover .tit {
    color: #3d509f
}

.index-clearfix li:hover .more {
    background: #3d509f url(https://zhongkejianche.oss-cn-guangzhou.aliyuncs.com//uploads/20230702/8311212997bcfd99c75adae5001e46c6.png) no-repeat right 13px center;
    color: #fff;
    background-size: 20px;
}

.index-clearfix li:hover img {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    transform: scale(1.05)
}

.index-clearfix li a {
    display: block;
    position: relative;
    z-index: 2;
    -webkit-transition: none;
    -moz-transition: none;
    transition: none;
    padding: 15px;
}

.index-clearfix li a:hover {
    color: #3d509f;
}

.index-clearfix .pics {
    width: 32%;
    position: relative;
    overflow: hidden;
    position: absolute;
    right: 15px;
    top: 15px;
    height: calc(100% - 30px);
    border-radius: 10px;
    overflow: hidden;
}

.index-clearfix .pics img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    transition: .5s;
}

.index-clearfix .txt {
    width: 60%;
    padding-left: 2%;
}

.index-clearfix .tit {
    font-size: 16px;
    font-weight: bold;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    transition: .5s;
}

.index-clearfix .index-desc {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    overflow: hidden;
    -webkit-box-orient: vertical;
    line-height: 24px;
    color: #666;
    margin: 10px 0;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    transition: .5s;
}

.index-clearfix .more {
    float: right;
    width: 105px;
    font-size: 13px;
    font-weight: bold;
    color: #666;
    line-height: 30px;
    background: #f3f3f3 url(https://zhongkejianche.oss-cn-guangzhou.aliyuncs.com//uploads/20230630/3069e8b0dc6b35662efb5fa67017d8d9.png) no-repeat right 13px center;
    background-size: 20px;
    padding-left: 13px;
    border-radius: 15px;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    transition: .5s;
}

.index-clearfix .clearfix {
    zoom: 1;
    clear: both;
}

.index-box-5 {
    height: 680px;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.index-box-5 .index-title-box {
    margin-top: 60px;
    text-align: center;
    margin-bottom: 60px;
}

.index-box-5 .leftDiv {
    width: calc(8.34rem - 1.68rem);
    height: 5.0rem;
}

.index-box-5 .leftDiv .toptop {
    height: 3.4rem;
    background: #f6f6f6;
}

.index-box-5 .leftDiv .toptop .mxfDiv {
    padding: 0.25rem 0.58rem 0;
}

.index-box-5 .leftDiv .toptop .mxfDiv .name {
    height: 0.48rem;
    line-height: 0.48rem;
    color: #3d509f;
    font-weight: bold;
    font-size: 30px;
    position: relative;
}

.index-box-5 .leftDiv .toptop .mxfDiv .name a {
    position: absolute;
    display: block;
    right: 0;
    top: 50%;
    margin-top: -17px;
    line-height: 34px;
}

.index-box-5 .leftDiv .toptop .mxfDiv .name a:hover {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
}

.index-box-5 .leftDiv .toptop .mxfDiv .name a img {
    border: 0px;
    vertical-align: middle;
}

.index-box-5 .leftDiv .toptop .mxfDiv .content {
    height: 2.4rem;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    position: relative;
    padding-top: 0.15rem;
    font-size: 14px;
    color: #949494;
    line-height: 0.24rem;
}

.index-box-5 .leftDiv .list li {
    float: left;
    width: 25%;
    height: 1.6rem;
    background-image: -webkit-linear-gradient(left, #f2f2f2, #ececec);
    background-image: -moz-linear-gradient(left, #f2f2f2, #ececec);
    background-image: -o-linear-gradient(left, #f2f2f2, #ececec);
    background-image: linear-gradient(to right, #f2f2f2, #ececec);
}

.index-box-5 .leftDiv .list li a {
    display: block;
    width: 100%;
    height: 100%;
}

.index-box-5 .leftDiv .list li .box {
    padding: 0.15rem 0.3rem 0;
}

.index-box-5 .leftDiv .list li .box .ico {
    width: 36px;
    height: 36px;
    position: relative;

    transition: All 0.5s ease;
    -webkit-transition: All 0.5s ease;
    -moz-transition: All 0.5s ease;
    -o-transition: All 0.5s ease;
}

.index-box-5 .leftDiv .list li .box .ico img {
    border: 0px;
    vertical-align: middle;

    transition: All 0.5s ease;
    -webkit-transition: All 0.5s ease;
    -moz-transition: All 0.5s ease;
    -o-transition: All 0.5s ease;
}

.index-box-5 .leftDiv .list li .box .ico .img1 {
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;

    transition: All 0.5s ease;
    -webkit-transition: All 0.5s ease;
    -moz-transition: All 0.5s ease;
    -o-transition: All 0.5s ease;
}

.index-box-5 .leftDiv .list li .box .name1 {
    font-weight: bold;
    font-size: 18px;
    color: #989898;
    line-height: 18px;
    padding: 0.25rem 0 0.12rem;
    transition: All 0.5s ease;
    -webkit-transition: All 0.5s ease;
    -moz-transition: All 0.5s ease;
    -o-transition: All 0.5s ease;
}

.index-box-5 .leftDiv .list li .box .name2 {
    font-size: 0.14rem;
    color: #d0d0d0;
    text-transform: uppercase;
    transition: All 0.5s ease;
    -webkit-transition: All 0.5s ease;
    -moz-transition: All 0.5s ease;
    -o-transition: All 0.5s ease;
}


.index-box-5 .leftDiv .list li:hover {
    background-image: -webkit-linear-gradient(left top, #5267c0, #3d509f);
    background-image: -moz-linear-gradient(left top, #5267c0, #3d509f);
    background-image: -o-linear-gradient(left top, #5267c0, #3d509f);
    background-image: linear-gradient(to right bottom, #5267c0, #3d509f);
}

.index-box-5 .leftDiv .list li:hover .ico {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
}

.index-box-5 .leftDiv .list li:hover .ico img {
    opacity: 0;
}

.index-box-5 .leftDiv .list li:hover .ico .img1 {
    opacity: 1;
}

.index-box-5 .leftDiv .list li:hover .name1 {
    color: #fff;
}

.index-box-5 .leftDiv .list li:hover .name2 {
    color: rgba(255, 255, 255, 0.5);
}

.index-box-5 .rightDiv {
    position: relative;
    width: calc(7.02rem - 1.68rem);
    height: 5rem;
    overflow: hidden;
}

.index-box-5 .rightDiv .bg img {
    width: 100%;
    height: 5rem;
    width: auto;
    position: absolute;
    left: -100%;
    right: -100%;
    margin: auto;
}

.index-box-5 .rightDiv .numList {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
    width: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.3);
    height: 1.6rem;
}

.index-box-5 .rightDiv .numList ul {
    padding-left: 0.8rem;
    padding-top: 0.5rem;
}

.index-box-5 .rightDiv .numList li {
    float: left;
    width: 25%;
}

.index-box-5 .rightDiv .numList ul li .box .num {
    font-size: 14px;
    color: #fff;
}

.index-box-5 .rightDiv .numList ul li .box .num em {
    display: inline-block;
    position: relative;
}

.index-box-5 .rightDiv .numList ul li .box .num em:after {
    content: '';
    position: absolute;
    right: 0;
    top: -20px;
    width: 13px;
    height: 13px;
    background: url(https://zhongkejianche.oss-cn-guangzhou.aliyuncs.com//uploads/20220923/89024b17e6dfb676aaa542a7177c7117.png) center no-repeat;
}

.index-box-5 .rightDiv .numList ul li .box .num .numUp {
    font-family: bold;
    font-size: 48px;
    line-height: 48px;
    padding-right: 10px;
    display: inline-block;
    color: #fff;
}

.index-box-5 .rightDiv .numList ul li .box p {
    font-size: 14px;
    padding-top: 5px;
    color: #fff;
}

.index-box-5 .mDiv {
    display: none;
}

.index-box-5 .mList {
    display: none;
}

.index-box-6 {
    height: 450px;
    margin-bottom: 10vh;
}

.index-box-6 .index-title-box {
    text-align: center;
    margin-bottom: 0;
    padding-top: 10px;
}

.index-box-6 .detail-box {
    width: 100%;
    margin-top: 20px;
}

.index-box-6 .customerPic {
    position: relative;
    border-top: #ebebeb solid 1px;
    border-left: #ebebeb solid 1px;
}

.index-box-6 .customerPic .swiper-slide .box {
    height: 128px;
    border-bottom: #ebebeb solid 1px;
    border-right: #ebebeb solid 1px;
    background: #fff;
}

.index-box-6 .customerPic .swiper-slide a {
    display: block;
    width: 100%;
    height: 100%;
}

.index-box-6 .customerPic .swiper-slide .imgDiv {
    text-align: center;
    line-height: 128px;
    position: relative;
}

.index-box-6 .customerPic .swiper-slide .imgDiv img {
    width: 180px;
    border: 0px;
    vertical-align: middle;
}

.index-box-7 {
    height: 500px;
    padding: 1px;
    background: url(https://zhongkejianche.oss-cn-guangzhou.aliyuncs.com/renzheng/img/quality3bg.png) no-repeat center center;
    background-size: cover;
    background-attachment: fixed;
}

.index-box-7 .index-title-box {
    text-align: center;
    margin-top: 60px;
    margin-bottom: 80px;
}

.index-box-7 .index-title-box h3 {
    font-size: 24px;
    font-weight: 700;
    line-height: 30px;
}

.index-box-7 .index-title-box h3 p {
    font-size: 14px;
    color: #999;
    text-transform: uppercase;
    line-height: 24px;
    margin-top: 5px;
    font-family: "light_cn";
}

.index-box-7 .swiper-box {

}

.index-box-7 .swiper-box .swiper-container {

}

.index-box-7 .swiper-box .swiper-container .swiper-wrapper {

}

.index-box-7 .swiper-box .swiper-container .swiper-wrapper .swiper-slide {
    position: relative;
    cursor: default;
    width: 400px;
    text-align: center;
    padding: 0 40px;
    flex-shrink: 0;
}

.index-box-7 .swiper-box .swiper-container .swiper-wrapper .swiper-slide .icon {
    width: 130px;
    height: 130px;
    background: url(https://zhongkejianche.oss-cn-guangzhou.aliyuncs.com/renzheng/img/circle3.png) no-repeat center center;
    background-size: contain;
    margin: 0 auto;
    padding: 10px;
}

.index-box-7 .swiper-box .swiper-container .swiper-wrapper .swiper-slide .icon img {
    display: block;
    width: 100%;
    transition: transform 0.3s ease;
    -webkit-transition: transform 0.3s ease;
    -moz-transition: transform 0.3s ease;
    -ms-transition: transform 0.3s ease;
    -o-transition: transform 0.3s ease;
}

.index-box-7 .swiper-box .swiper-container .swiper-wrapper .swiper-slide .title {
    font-size: 20px;
    color: #48413e;
    font-weight: 700;
    line-height: 30px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    margin: 44px auto 20px;
}

.index-box-7 .swiper-box .swiper-container .swiper-wrapper .swiper-slide .desc {
    color: #656565;
    line-height: 24px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
}


.box-container-fluid .box-container .logo-box a {
    float: left;
}

.box-container-fluid .box-container .logo-box .logo-txt {
    float: left;
    margin-left: 10px;
}

.box-container-fluid .box-container .logo-box .logo-txt span {
    position: relative;
    padding-left: 14px;
    display: block;
    font-size: 14px;
    font-weight: bold;
    line-height: 18px;
}

.box-container-fluid .box-container .logo-box .logo-txt span:before {
    content: "";
    background-color: #666;
    width: 2px;
    height: 14px;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -8px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}


@keyframes iconScale {
    from {
        transform: scale(0);
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        opacity: 1;
    }
    to {
        transform: scale(2);
        -webkit-transform: scale(2);
        -moz-transform: scale(2);
        -ms-transform: scale(2);
        -o-transform: scale(2);
        opacity: 0;
    }
}